学习如何使用各种文本标签来组织和格式化内容
HTML 提供了 6 级标题标签，从 h1 到 h6，h1 最大，h6 最小。标题标签不仅控制字体大小，更重要的是定义内容的层次结构。
标题标签不仅仅是样式工具，它们具有语义化意义：
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>段落标签用于定义文本段落，浏览器会自动在段落前后添加空白。段落是网页中最基本的文本组织单位。
浏览器对段落标签的特殊处理：
<p>这是第一个段落。</p>
<p>这是第二个段落。</p>在段落内换行使用 <br> 标签（自闭合标签）。它用于强制换行，但不创建新的段落。
<p>第一行<br>第二行<br>第三行</p>用于创建主题分隔线，表示内容主题的转换或分隔。
<p>第一部分内容</p>
<hr>
<p>第二部分内容</p>这是第一个段落。段落之间会有自动间距。
这是第二个段落。
这是一个包含换行的段落：
第一行
第二行
第三行
水平线上方的内容
HTML 提供了多种文本格式化标签，可以分为语义化标签和样式标签两类。优先使用语义化标签，因为它们能更好地表达内容的含义。
语义化标签表达内容的含义，样式标签仅改变外观：
| 标签 | 类型 | 作用 | 使用场景 |
|---|---|---|---|
| <strong> | 语义化 | 重要文本（粗体） | 关键词、重要信息 |
| <b> | 样式 | 粗体文本 | 纯装饰性粗体 |
| <em> | 语义化 | 强调文本（斜体） | 需要强调的内容 |
| <i> | 样式 | 斜体文本 | 技术术语、外文词 |
| <mark> | 语义化 | 高亮文本 | 需要标记的内容 |
| <small> | 语义化 | 小号文本 | 注释、版权信息 |
| <del> | 语义化 | 删除线 | 删除的内容 |
| <ins> | 语义化 | 下划线（插入） | 新增的内容 |
| <sub> | 语义化 | 下标 | 化学式、脚注 |
| <sup> | 语义化 | 上标 | 数学公式、标注 |
<p>这是 <strong>重要</strong> 的内容。</p>
<p>这是 <em>强调</em> 的内容。</p>
<p>这是 <mark>高亮</mark> 的内容。</p>
<p>水的化学式是 H<sub>2</sub>O。</p>
<p>2的平方是 2<sup>2</sup> = 4。</p><div class="product-price">
<h3>超级会员套餐</h3>
<p>原价：<del>¥299</del></p>
<p class="current-price">现价：<strong>¥99</strong></p>
<p><small>*限时优惠，仅限前100名用户</small></p>
<p>已售 <mark>5000+</mark> 份</p>
</div>这是 重要 的内容（strong）。
这是 粗体 的内容（b）。
这是 强调 的内容（em）。
这是 斜体 的内容（i）。
这是 高亮 的内容（mark）。
这是 小号 文本（small）。
原价 ¥100 现价 ¥80（del）。
这是 插入 的内容（ins）。
水的化学式是 H2O（sub）。
2的平方是 22 = 4（sup）。
引用标签用于标记引用的内容，有助于提高内容的可信度和可读性。
用于长引用，会缩进显示。通常用于引用他人的话语、文章片段或名言警句。
<blockquote>
<p>这是一段引用的内容。通常用于引用他人的话语或文章片段。</p>
<footer>—— 引用来源</footer>
</blockquote>用于短引用，会自动添加引号。适合在句子中引用简短的文字。
<p>孔子说：<q>学而时习之，不亦说乎</q>。</p>用于标记缩写，可以添加完整说明。鼠标悬停时显示完整内容，有助于提高可访问性。
<p><abbr title="HyperText Markup Language">HTML</abbr> 是网页的基础。</p>
<p><abbr title="World Wide Web Consortium">W3C</abbr> 制定 Web 标准。</p>用于标记作品的标题，如书籍、文章、歌曲等。
<p>在 <cite>《红楼梦》</cite> 中，曹雪芹描绘了...</p>
<p>根据 <cite>《Web 可访问性指南》</cite> 的建议...</p>这是一段引用的内容。通常用于引用他人的话语或文章片段。块引用会有特殊的样式。
孔子说：学而时习之，不亦说乎
。
HTML 是网页的基础（鼠标悬停查看完整名称）。
输入文本并选择格式化方式：
这是示例文本
1. 要表示"重要"的文本，应该使用哪个标签？
2. 哪个标签用于创建上标（如 X²）？
创建一个包含以下内容的 HTML 片段：
在下面的输入框中，编写 HTML 代码来显示化学式 H₂O（水）：