1. 布局标签

• <div>：定义文档的分区，主要用于布局

• <header>：定义文档的头部

• <section>：定义文档的章、节

• <footer>：定义文档的页脚

2. 文本标签

• <h1>~<h6>：定义一级至六级标题

• <p>：定义段落

• <b>：加粗

• <strong>：加粗、强调内容

• <em>：斜体

• <span>：标记，行内元素，常用

• <br>：换行

• <hr>：水平线

3. 序列标签

• 无序列表
  <ul>
  <li></li>
  <li></li>
  ...
  </ul>

• 有序列表
  <ol>
  <li></li>
  <li></li>
  ...
  </ol>

4. 表格标签
<table>、<th>、<tr>、<td>：分别表示表格、标题、行、列。

示例：一个两行两列的表格
<table>
<tr>
<th>姓名</th><th>性别</th>
</tr>
<tr>
<td>小明</td><td>18</td>
</tr>
</table>

5. 其他标签
<a href="指向的链接地址或者网址#ID名" target="_blank|_self|_top|_parent"></a>
href指向链接，通过target属性来确定链接打开的位置；

<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="图片地址" alt="替换文本">
插入图片的标签，图片打不开则显示alt中的替换文本内容。

作者：Keller7
链接：https://www.jianshu.com/p/6636e164752b