H1 一级标题 · 文章大标题

H2 二级标题 · 章节标题 · 正文段落，标题下方紧跟说明文字

H3 三级标题 · 小节标题 · 普通常用标题

H4 四级标题 · 内容子项标题 · 适合深度细分内容。

H5 五级标题 · 弱小标题 · 一般较少使用。

H6 六级标题 · 最小标题 · 多用于备注小标题。

---

这是普通正文<p>段落。段落是文章最基础的元素，用来承载连续文本。春日的风掠过窗台，带着草木淡淡的气息，时光在字句之间缓缓流淌。

加粗文本<strong>，斜体文本<em>，下划线文本<u>，
删除线文本<s>，高亮标记文本<mark>，小号辅助文字<small>，超链接文本<a>，
水分子 H₂O，平方公式 a²+b²=c²。行内代码：console.log('hello')。

• 无序列表<ul>第一项<li>，普通列表内容
• 无序列表<ul>第2项<li>，里面包含 加粗 内容
• 无序列表第三项
  • 嵌套无序列表 1
  • 嵌套无序列表 2

1. 有序列表<ol>第一项<li>第一条步骤
2. 有序列表第二条步骤
3. 有序列表第三条，嵌套有序列表
   1. 嵌套有序列表 A
   2. 嵌套有序列表 B

这是引用区块<blockquote>，一般用来摘抄名言、摘录原文、引用别人的观点。
多行引用测试：
山不在高，有仙则名。
水不在深，有龙则灵。

// 预格式化文本 <pre>  + 代码块
// JS代码示例
function test() {
    let msg = "代码块样式测试";
    return msg;
}

---

图片 figure + img + figcaption

序号	名称	类型	备注
1	段落	文本元素	最常用
2	表格	结构化元素	展示数据
3	列表	序列元素	步骤、清单

定义列表 dl dt dd

定义列表 <dl>

定义列表 <dt>

定义列表 <dd>，用来搭建网页结构

定义列表 <dt>

定义列表 <dd>，实现交互逻辑

短引用 <q>：古人说：大道至简，这句话经常被引用在行内。

前端常用：缩写 <abbr> CSS 控制样式。

点击展开查看详情：<details>

折叠内部的正文内容，可以放文字、列表、图片等任意元素。

• 折叠项1
• 折叠项2

快捷键<kbd>：Ctrl + S

变量 <var>：x + y = z

控制台输出 <samp>：success: 操作完成

时间 <time>：2026-10-22

标记地址 <address>：

山东省烟台市芝罘区

---

H3 文末测试标题

文末测试段落，放在所有元素最后，用来验证文章底部边距、文末留白效果。