轻松上手,快乐学习!

HTML 有序列表


HTML <ol> 标签定义了一个有序列表。有序列表可以是数字或字母。


有序列表

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

列表项目使用数字进行标记。

实例

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

有序列表 - Type 属性

type 属性定义列表项标签的类型:

类型 描述
type="1" 列表项将用数字编号(默认)
type="A" 列表项将用大写字母编号
type="a" 列表项将用小写字母编号
type="I" 列表项将用大写罗马数字编号
type="i" 列表项将使用小写罗马数字进行编号

数字:

<ol type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
亲自试一试 »

大写字母:

<ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
亲自试一试 »

小写字母:

<ol type="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
亲自试一试 »

大写罗马数字:

<ol type="I">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
亲自试一试 »

小写罗马数字:

<ol type="i">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
亲自试一试 »

控制列表计数值

默认情况下,有序列表将从 1 开始计数。如果要从指定的数字开始计数,可以使用 start 属性:

实例

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
亲自试一试 »

列表嵌套

列表可以嵌套(列表中的列表):

实例

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

注释: 一个列表项 (<li>) 可以包含一个新的列表和其他 HTML 元素,比如图像和链接等。


本章小结

  • 使用 HTML <ol> 元素定义有序列表
  • 使用 HTML type 属性定义编号类型
  • 使用 HTML <li> 元素定义列表项
  • 列表可以嵌套
  • 列表项可以包含其他HTML元素

HTML List 标签

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

如需所有可用的 HTML 标签的完整列表,请访问 HTML 标签参考手册