1. 标题标签 h1-h6

HTML 提供 h1 到 h6 六级标题标签，用于定义不同级别的标题。

h1 是最高级别，h6 是最低级别。一个页面通常只有一个 h1。

演示效果：

一级标题 h1

二级标题 h2

三级标题 h3

四级标题 h4

五级标题 h5
六级标题 h6
1<h1>一级标题 h1</h1> 2<h2>二级标题 h2</h2> 3<h3>三级标题 h3</h3> 4<h4>四级标题 h4</h4> 5<h5>五级标题 h5</h5> 6<h6>六级标题 h6</h6>

2. 段落标签 p

<p> 标签用于定义段落，浏览器会自动在段落前后添加空行。

段落是块级元素，独占一行。

演示效果：

这是第一个段落。段落标签会自动在前后添加空行，让内容更易读。

这是第二个段落。每个段落都是独立的块级元素。

1<p>这是第一个段落。</p> 2<p>这是第二个段落。</p>

3. 文本格式标签

HTML 提供多种文本格式标签：

<b> 加粗 | <i> 斜体 | <u> 下划线 | <s> 删除线

<mark> 高亮 | <small> 小号 | <del> 删除 | <ins> 插入

演示效果：

加粗文本（视觉加粗，无语义）

斜体文本（视觉斜体，无语义）

下划线文本

删除线文本

高亮文本

小号文本

删除文本 插入文本

1<p><b>加粗文本</b></p> 2<p><i>斜体文本</i></p> 3<p><u>下划线文本</u></p> 4<p><s>删除线文本</s></p> 5<p><mark>高亮文本</mark></p> 6<p><small>小号文本</small></p> 7<p><del>删除文本</del> <ins>插入文本</ins></p>

4. strong 语义强调

<strong> 标签表示重要内容或严重警告，具有语义含义。

浏览器默认显示为加粗，但搜索引擎和屏幕阅读器会特别关注 strong 标签内的内容。

核心区别：<b> 只是视觉加粗，<strong> 表示内容很重要。

基本用法：

这是一段普通文本，这是重要内容，请特别注意。

1<p>这是一段普通文本，<strong>这是重要内容</strong>，请特别注意。</p>
嵌套使用（强调程度递增）：

普通文本 重要 非常重要 极其重要

1<p>普通文本 <strong>重要 <strong>非常重要 2<strong>极其重要</strong></strong></strong></p>
表单验证提示：

错误：密码长度不能少于8位

警告：此操作不可撤销

1<p><strong>错误：</strong>密码长度不能少于8位</p> 2<p><strong>警告：</strong>此操作不可撤销</p>
产品特性强调：

这款手机的三大亮点

  • 超长续航：5000mAh大电池
  • 极速充电：30分钟充满
  • 专业影像：1亿像素主摄
1<h3>这款手机的三大亮点</h3> 2<ul> 3<li><strong>超长续航</strong>：5000mAh大电池</li> 4<li><strong>极速充电</strong>：30分钟充满</li> 5<li><strong>专业影像</strong>：1亿像素主摄</li> 6</ul>
法律条款：

用户协议：您必须年满18周岁才能注册。违反此规定将导致账户被封禁。

1<p>用户协议：您必须年满18周岁才能注册。<strong>违反此规定将导致账户被封禁。</strong></p>
strong vs b 对比：
特性 <strong> <b>
语义含义 ✅ 有（重要、严重） ❌ 无（仅视觉）
SEO权重 ✅ 有 ❌ 无
屏幕阅读器 ✅ 会强调朗读 ❌ 普通朗读
默认样式 加粗 加粗
使用场景 重要内容、警告、关键词 视觉加粗、标题、产品名
1<!-- strong：有语义，表示重要 --> 2<p><strong>警告：此操作不可撤销</strong></p> 3 4<!-- b：无语义，仅视觉加粗 --> 5<p>欢迎使用 <b>小米</b> 手机</p>

5. 无序列表 ul

<ul> 定义无序列表（Unordered List），列表项使用圆点、方块等符号标记。

列表项用 <li> 标签定义。

演示效果：
  • HTML - 结构
  • CSS - 样式
  • JavaScript - 行为
1<ul> 2<li>HTML - 结构</li> 3<li>CSS - 样式</li> 4<li>JavaScript - 行为</li> 5</ul>

6. 有序列表 ol

<ol> 定义有序列表（Ordered List），列表项使用数字或字母标记。

type 属性设置编号类型：1（数字）、A（大写）、a（小写）、I（大写罗马）、i（小写罗马）。

start 属性设置起始编号。

演示效果：
  1. 学习 HTML
  2. 学习 CSS
  3. 学习 JavaScript
  1. 第一步
  2. 第二步
  3. 第三步
  1. 从5开始
  2. 第6项
  3. 第7项
1<!-- 默认数字编号 --> 2<ol> 3<li>学习 HTML</li> 4<li>学习 CSS</li> 5<li>学习 JavaScript</li> 6</ol> 7 8<!-- 大写字母编号 --> 9<ol type="A"> 10<li>第一步</li> 11<li>第二步</li> 12<li>第三步</li> 13</ol> 14 15<!-- 从5开始编号 --> 16<ol start="5"> 17<li>从5开始</li> 18<li>第6项</li> 19<li>第7项</li> 20</ol>

7. 表格标签

HTML 表格由 <table>、<tr>（行）、<th>（表头）、<td>（单元格）组成。

演示效果：
标签 说明
table 表格容器
tr 表格行
th 表头单元格（加粗居中）
td 数据单元格
1<table> 2<tr> 3<th>标签</th> 4<th>说明</th> 5</tr> 6<tr> 7<td>table</td> 8<td>表格容器</td> 9</tr> 10<tr> 11<td>tr</td> 12<td>表格行</td> 13</tr> 14<tr> 15<td>th</td> 16<td>表头单元格（加粗居中）</td> 17</tr> 18<tr> 19<td>td</td> 20<td>数据单元格</td> 21</tr> 22</table>