上查看所有课程
HTML 列表用于以易于阅读和简洁的方式显示相关信息。
我们可以使用三种类型的列表在 HTML 中表示不同类型的数据：
- 无序列表
<ul> - 有序列表
<ol> - 描述列表
<dl>
无序列表
无序列表用于表示项目中顺序无关紧要的数据列表。
在 HTML 中，我们使用 <ul> 标签创建无序列表。列表中的每个项目都必须是代表列表项的 <li> 标签。例如，
<ul>
<li>Apple</li>
<li>Orange</li>
<li>Mango</li>
</ul>浏览器输出
这里，<li>Apple</li>、<li>Orange</li> 和 <li>Mango</li> 是列表项。
要了解更多关于无序列表的信息，请访问 HTML 无序列表。
有序列表
有序列表用于表示项目中顺序有重要意义的数据列表。
<ol> 标签用于创建有序列表。与无序列表类似，有序列表中的每个项目都必须是 <li> 标签。例如，
<ol>
<li>Ready</li>
<li>Set</li>
<li>Go</li>
</ol>浏览器输出
在这里，您可以看到列表项用数字表示，以代表特定的顺序。
要了解更多关于有序列表的信息，请访问 HTML 有序列表。
描述列表
HTML 描述列表用于以名称-值形式表示数据。我们使用 <dl> 标签创建定义列表，描述列表的每个项目包含两个元素：
- 术语/标题 - 由
<dt>标签表示 - 术语的描述 - 由
<dd>标签表示
让我们看一个例子，
<dl>
<dt>HTML</dt>
<dd>Hyper-Text Markup Language</dd>
<dt>CSS</dt>
<dd>Cascading StyleSheets</dd>
<dt>JS</dt>
<dd>Javascript</dd>
</dl>浏览器输出
由于描述列表包含术语的定义，它也被称为定义列表。要了解更多关于描述列表的信息，请访问 HTML 描述列表。
HTML 列表中使用的标签
| 标签 | 解释 |
|---|---|
<ol> |
定义有序列表。 |
<ul> |
定义无序列表。 |
<dl> |
定义描述列表。 |
<li> |
定义有序或无序列表中的列表项。 |
<dt> |
定义描述列表中的术语。 |
<dd> |
定义描述列表中术语的描述。 |