HTML 列表


HTML 列表允许 Web 开发人员将一组相关项目分组到列表中。


示例

无序 HTML 列表:

  • Item
  • Item
  • Item
  • Item

一个有序的 HTML 列表:

  1. 第一项
  2. 第二项
  3. 第三项
  4. 第四项
亲自试一试 »

无序 HTML 列表

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

默认情况下,列表项将用项目符号(小黑圆圈)标记:

示例

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

亲自试一试 »


有序 HTML 列表

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

列表项默认会标有数字:

示例

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
亲自试一试 »


HTML 描述列表

HTML 还支持描述列表。

描述列表是术语列表,其中包含每个术语的描述。

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

示例

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>
亲自试一试 »

HTML练习

通过练习测试一下

练习:

添加一个列表项,其中包含文本 "Coffee"<ul>元素。

<ul> Coffee </ul>

开始练习


HTML 列表标签

Tag Description
<ul> Defines an unordered list
<ol> Defines an ordered list
<li> Defines a list item
<dl> Defines a description list
<dt> Defines a term in a description list
<dd> Describes the term in a description list

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