HTML 列表

HTML 列表允许网页开发者将一组相关项目分组在列表中。

实例

无序 HTML 列表:

  • 项目
  • 项目
  • 项目
  • 项目

有序 HTML 列表:

  1. 第一项
  2. 第二项
  3. 第三项
  4. 第四项

亲自试一试

无序 HTML 列表

无序列表以 <ul> 标签开始。每个列表项以 <li> 标签开始。

默认情况下,列表项会以项目符号(小黑点)标记:

实例

<ul>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ul>

亲自试一试

有序 HTML 列表

有序列表以 <ol> 标签开始。每个列表项以 <li> 标签开始。

默认情况下,列表项会以数字标记:

实例

<ol>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ol>

亲自试一试

HTML 描述列表

HTML 也支持描述列表。

描述列表是术语列表,每个术语都有对应的描述。

<dl> 标签定义描述列表,<dt> 标签定义术语(名称),<dd> 标签描述每个术语:

实例

<dl>
  <dt>咖啡</dt>
  <dd>- 黑色热饮</dd>
  <dt>牛奶</dt>
  <dd>- 白色冷饮</dd>
</dl>

亲自试一试

HTML 列表标签

标签 描述
<ul> 定义无序列表。
<ol> 定义有序列表。
<li> 定义列表项。
<dl> 定义描述列表。
<dt> 定义描述列表中的术语。
<dd> 描述描述列表中的术语。

如需查看所有可用 HTML 标签的完整列表,请访问我们的 HTML 标签参考