《HTML入门笔记1》

150 阅读2分钟

HTML的简介

HTML全称是Hypertext Markup Language(超文本标记语言),是用于描述网页文档的标记语言。1990年左右诞生,由Tim Berners-Lee发明。

HTML起手式

通常html文件输入!+ tab键会出现以下内容: html内容 其中

<!DOCTYPE html>

这段代码的意思是html的文档类型声明,它告诉语言解析器应该用什么样的语言来解析它 。

HTML常用的表章节的标签

  • h1~h6(标题) : 用来写标题,大小依次递减,字体默认加粗。
  • section(章节) : 表示一段章节,通常里面包含标题标签,语义化标签。
  • article(文章) : 定义独立于文档且有意义的来自外部的内容,语义化标签。
  • p(段落) : 定义段落。
  • header(头部) : 定义文档的开头,语义化标签。
  • footer(脚部) : 定义文档的结尾,语义化标签。
  • main(主要内容) : 定义文档的主要内容,语义化标签。
  • aside(旁支内容) :一个和其余页面内容几乎无关的部分,常用于侧边栏,语义化标签。
  • div(划分) : 块级元素。

HTML全局属性

全局属性有以下几种:

  1. class : 类
  2. contenteditable : 内容可编辑,代码生成的文字可直接编辑。
  3. hidden : 隐藏。
  4. id : 唯一的标识符,但没有强制约束。
  5. style : 行内样式。
  6. tabindex : 用tab键控制,1~n按顺序,不必连续,0表示最后访问,-1表示不访问。
  7. titie : 显示内容过多隐藏的内容。

HTML常用的内容标签

常用的内容标签有以下几种:

  • ol+li : 有序列表。
  • ul+li : 无序列表。
  • dl+dt+dd : 描述列表。dt--描述term(术语),dd--描述内容。
  • pre : 需要多个空格,tab,回车可用这个。
  • code : 中间可写代码,等宽字体,默认inline。
  • hr : 水平切割线,划分之前和之后。
  • br : 换行。
  • a : 超链接。
  • em : 强调语气,默认斜体。
  • strong : 强调本身,默认加粗。
  • quote : 内联引用。
  • blockquote : 块级引用。