第一种分类方式
四大标签：
<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>
字符实体：
空格
> 大于号 >
< 小于号 <
　 可以看作一个空白的汉字
  == 普通的英文半角空格
  == ==   == no-break space （普通的英文半角空格但不换行）
　 == 中文全角空格 （一个中文宽度）
  ==   == en空格 （半个中文宽度）
  ==   == em空格 （一个中文宽度）
  == 四分之一em空格 （四分之一中文宽度）
相比平时的空格（ ），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 – 多行文本输入框 |