文本标签
文本标签虽然很多，但大部分可看成是预定好样式的<div>和<span><div>是大包装袋，<span>是小包装袋
<div>
一个通用块级容器，在不使用CSS的情况下，其对内容或布局没有任何影响
其他块级标签例如：<h1>, <p>, <pre>, <ul>, <ol>, <table>
<span>
一个通用行内容器，并没有任何特殊语义，可以使用它来编排元素以达到某种样式意图
其他行内标签例如：<i>, <b>, <del>, <ins>, <td>, <a>
<h1> - <h6>
<h1>–<h6> 排版标签，呈现了六个不同的级别的标题，<h1> 级别最高，而 <h6> 级别最低。
<p>
表示文本的一个段落。<p> 是块级元素。
<i>
更改前：内容
更改后：内容
<b>
更改前：内容
更改后：内容
<del>
更改前：内容
更改后：内容
<ins>
更改前：内容
更改后：内容
<pre>
表示预定义格式文本。在该元素中的文本通常按照原文件中的编排，以等宽字体的形式展现出来，文本中的空白符（比如空格和换行符）都会显示出来
<br>
换行（回车）
<hr>
表示段落级元素之间的主题转换（例如，一个故事中的场景的改变，或一个章节的主题的改变）
在 HTML 的早期版本中，它是一个水平线。现在它仍能在可视化浏览器中表现为水平线，但目前被定义为语义上的，而不是表现层面上。所以如果想画一条横线，请使用适当的 css 样式来修饰
补充
标签语义化
用特定的标签，去表达特定的含义
- 代码结构清晰可读性强。
- 有利于 SEO（搜索引擎优化）。
- 方便设备解析（如屏幕阅读器、盲人阅读器等）。
块级元素与行内元素
- 块级元素：独占一行
- 行内元素：不独占一行
使用原则：
- 块级元素 中能写 行内元素 和 块级元素（简单记：块级元素中几乎什么都能写）
- 行内元素 中能写 行内元素，但不能写 块级元素
