HTML常用标签

144 阅读1分钟

1.HTML的起源

HTML(Hyper Text Marked Language)是由李爵士(Tim Berners-Lee)和其同事发明的。事实上李爵士是万维网(World Wide Web)的发明者,万维网包含了HTML、URL和HTTP。

2.HTML起手式

<!-- 文件类型 html -->
<!DOCTYPE html>
<!-- 语言 英语 -->
<html lang="en">
<!-- 头部(隐藏) -->
<head>
    <!-- 字符集 UTF-8 -->
    <meta charset="UTF-8">
    <!-- viewport(窗口)  
         width 为 device-width(设备宽度) 
         initial-scale(初始缩放) 为 1.0
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 标题 -->
    <title>Document</title>
</head>
<!-- 身体 显示主体 -->
<body>
</body>

</html>

3.常用章节标签

  • h1~h6 (headline) 标题
  • section 章节
  • article 文章
  • p (prograph) 段落
  • header 头部
  • footer 脚部 (一般放版权声明)
  • main 主要内容
  • aside 旁支内容
  • div (division) 划分

4.全局属性

  • class 类
  • contenteditable 内容可编辑
  • hidden 隐藏元素
  • id ID
  • style 样式
  • tabindex tab键选择顺序
  • title 鼠标悬浮时展示的内容

5.内容标签

  • ol + li (ordered list + list item) 有序列表
  • ul + li (unordered list + list item) 无序列表
  • dl + dt + dd (definition list + term + description) 自定义列表
  • pre (preview) 预览:HTML文档内的空格、回车、TAB都会如实的显示在窗口中
  • hr (horizontal rule) 水平分割线
  • br (break) 换行
  • a (anchor) 锚:链接
  • em (emphasis) 强调
  • strong 重要内容(默认粗体)
  • code 代码段
  • q (quote) 引用(inline内联元素)
  • blockquote 引用(block块级元素)