html 标签分类：块级元素、内联元素 ......

第一种分类方式

四大标签：

<a></a>
<img />
<h1></h1> ~ <h6></h6>
<p></p>

三大列表：

  <ul>
    <li>无序列表</li>
  </ul>
  <ol>
    <li>有序列表</li>
  </ol>
  <dl> // 定义列表
    <dt>定义标题</dt>
    <dd>列表内容</dd>
    <dd>列表内容</dd>
  </dl>

两大区块：

<div></div>
<span></span>

文本格式化：

　　更多标签

<strong></strong>
<b></b>
<em></em>
<i></i>
<sub></sub>
<sup></sup>
<del></del>
<big></big> // 不符合标准网页设计的理念,不赞成使用.
<small></small>

单标签：

  <br /> // 换行
  <hr /> // 分割线

表格和表单：

  <table>
    <thead>
      <tr>
        <td></td>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td></td>
      </tr>
    </tbody>
  </table>
  <form>
    <input></input>
  </form>
  <button></button>
  ...

视频和音频：

  <video></video>
  <audio></audio>

字符实体：

　　  空格

　　> 大于号 >

　　&lt; 小于号 <

　　&#12288; 可以看作一个空白的汉字

　　&#32; == 普通的英文半角空格

　　&#160; == &nbsp; == &#xA0; == no-break space （普通的英文半角空格但不换行）

　　&#12288; == 中文全角空格 （一个中文宽度）

　　&#8194; == &ensp; == en空格 （半个中文宽度）

　　&#8195; == &emsp; == em空格 （一个中文宽度）

　　&#8197; == 四分之一em空格 （四分之一中文宽度）

    相比平时的空格（&#32;），nbsp拥有不间断（non-breaking）特性。即连续的nbsp会在同一行内显示。即使有100个连续的nbsp，浏览器也不会把它们拆成两行。

---

另一种分类方式

块级元素：

　　自带属性（display: block）独占一行，可以设置宽高，盒子模型，可以嵌套任何元素。（p不能嵌套它自己本身）

address – 地址	blockquote – 块引用	center – 举中对齐块	dir – 目录列表
div – 常用块级	dl – 定义列表	fieldset – form控制组	hr – 水平分隔线
form – 交互表单	h1 – 大标题	h2 – 副标题	h3 – 3级标题
h4 – 4级标题	h5 – 5级标题	h6 – 6级标题	p – 段落
ol – 有序表单	ul – 无序列表	pre – 格式化文本	table – 表格
menu – 菜单列表	pre – 格式化文本	table – 表格

行内元素：

　　自带（display: inline）属性 不独占一行，在一行显示，设置宽高不起作用，以及盒子模型的相关css属性，三十直接设置内外边距的左右值是可以的。

　　许多文本格式化标签都不推荐使用了，可以通过样式的修改，达到相同的效果。

a – 锚点	abbr – 缩写	acronym – 首字	b – 粗体(不推荐)
big – 大字体(不推荐)	br – 换行	em – 强调	font – 字体设定(不推荐)
i – 斜体	label – 表格标签	q – 短引用	s – 中划线(不推荐)
select – 项目选择	small – 小字体文本	span – 常用内联容器，定义文本内区块	strike – 中划线
strong – 粗体强调	sub – 下标	sup – 上标	tt – 电传文本
u – 下划线

行内块元素：

　　（display: inline-block）在一行显示，可以设置宽高

input - 输入框

img - 图片

textarea – 多行文本输入框