HTML5 中的列表

允许您构建各种列表的 HTML 元素

新品！我的 44 页电子书“44 分钟掌握 CSS”已发布！ 😃

# dd

定义定义列表中的一个项目。

示例： 复制

网络: 包含网站和网页的互联网部分
HTML: 用于创建网页的标记语言
CSS: 使 HTML 变得更好看的技术

<dl>
  <dt>Web</dt>
  <dd>The part of the Internet that contains websites and web pages</dd>
  <dt>HTML</dt>
  <dd>A markup language for creating web pages</dd>
  <dt>CSS</dt>
  <dd>A technology to make HTML look better</dd>
</dl>

# dl

定义一个定义列表。

示例： 复制

网络: 包含网站和网页的互联网部分
HTML: 用于创建网页的标记语言
CSS: 使 HTML 变得更好看的技术

<dl>
  <dt>Web</dt>
  <dd>The part of the Internet that contains websites and web pages</dd>
  <dt>HTML</dt>
  <dd>A markup language for creating web pages</dd>
  <dt>CSS</dt>
  <dd>A technology to make HTML look better</dd>
</dl>

# dt

定义一个定义术语。

示例： 复制

网络: 包含网站和网页的互联网部分
HTML: 用于创建网页的标记语言
CSS: 使 HTML 变得更好看的技术

<dl>
  <dt>Web</dt>
  <dd>The part of the Internet that contains websites and web pages</dd>
  <dt>HTML</dt>
  <dd>A markup language for creating web pages</dd>
  <dt>CSS</dt>
  <dd>A technology to make HTML look better</dd>
</dl>

# li

在有序列表<ol>或无序列表<ul>中定义一个列表项。

示例： 复制

第一步
第二步
????
成功！！！

<ol>
  <li>Step one</li>
  <li>Step two</li>
  <li>????</li>
  <li>PROFIT!!!</li>
</ol>

示例： 复制

我的购物清单

牛奶
面包
巧克力
更多巧克力

<p>My shopping list:</p>
<ul>
  <li>Milk</li>
  <li>Bread</li>
  <li>Chocolate</li>
  <li>More chocolate</li>
</ul>

# ol

定义一个有序列表。

示例： 复制

第一步
第二步
????
成功！！！

<ol>
  <li>Step one</li>
  <li>Step two</li>
  <li>????</li>
  <li>PROFIT!!!</li>
</ol>

`type`

定义列表编号的方式。

`"1"`

默认。

使用数字。

`"a"`

使用小写字母。

`"A"`

使用大写字母。

`"i"`

使用小写罗马数字。

`"I"`

使用大写罗马数字。

`start`

定义列表开始的数字。

`"3"`

您可以使用任何整数。

`reversed`

反转列表的顺序。

不需要值。

# ul

定义一个无序列表。

示例： 复制

我的购物清单

牛奶
面包
巧克力
更多巧克力

<p>My shopping list:</p>
<ul>
  <li>Milk</li>
  <li>Bread</li>
  <li>Chocolate</li>
  <li>More chocolate</li>
</ul>