在 HTML 中，列表是一种非常常用的结构，用于展示一系列相关的条目或内容。HTML 提供了三种主要的列表类型：
- 有序列表（Ordered List）
- 无序列表（Unordered List）
- 定义列表（Definition List）
下面分别介绍它们的用法和示例。
一、有序列表（Ordered List）
用途： 表示一组有顺序关系的条目，如步骤、排名等。
标签：
<ol>：表示有序列表的开始和结束。<li>：表示列表中的每一项（List Item）。
示例：
<ol>
<li>第一步：打开电脑</li>
<li>第二步：启动浏览器</li>
<li>第三步：访问网页</li>
</ol>
显示效果：
- 第一步：打开电脑
- 第二步：启动浏览器
- 第三步：访问网页
二、无序列表（Unordered List）
用途： 表示一组没有顺序关系的条目，如菜单、选项等。
标签：
<ul>：表示无序列表的开始和结束。<li>：表示列表中的每一项。
示例：
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>橙子</li>
</ul>
显示效果：
- 苹果
- 香蕉
- 橙子
三、定义列表（Definition List）
用途： 用于解释术语或定义关键词，常用于词汇表、字典类内容。
标签：
<dl>：定义列表的开始和结束。<dt>：定义术语（Definition Term）。<dd>：对术语的解释（Definition Description）。
示例：
<dl>
<dt>HTML</dt>
<dd>超文本标记语言，用于创建网页的结构。</dd>
<dt>CSS</dt>
<dd>层叠样式表，用于控制网页的外观和布局。</dd>
<dt>JavaScript</dt>
<dd>一种脚本语言，用于实现网页的交互功能。</dd>
</dl>
显示效果：
HTML
超文本标记语言，用于创建网页的结构。
CSS
层叠样式表，用于控制网页的外观和布局。
JavaScript
一种脚本语言，用于实现网页的交互功能。
小结对比：
| 列表类型 | 标签 | 适用场景 |
|---|---|---|
| 有序列表 | <ol> + <li> |
有顺序的内容（如步骤） |
| 无序列表 | <ul> + <li> |
无顺序的内容（如菜单） |
| 定义列表 | <dl> + <dt> + <dd> |
术语与定义（如词典） |
嵌套列表示例（进阶）：
你也可以嵌套使用不同类型的列表来构建更复杂的结构：
<ul>
<li>水果
<ul>
<li>苹果</li>
<li>香蕉</li>
</ul>
</li>
<li>蔬菜
<ul>
<li>胡萝卜</li>
<li>西兰花</li>
</ul>
</li>
</ul>
如需进一步美化这些列表，可以配合 CSS 使用，例如更改项目符号、编号样式、颜色、间距等。
如果你需要我提供一个完整的 HTML 页面示例，或者如何用 CSS 美化这些列表，请告诉我！
