有序列表 HTML

在HTML中，有序列表（Ordered List）是一种用于按特定顺序显示项目的元素。有序列表使用数字或字母来标识每个项目，可以指定顺序编号的起点和类型。

语法

有序列表由 <ol> 元素表示，其中每个项目由 <li> 元素表示。以下是有序列表的基本语法：

<ol>
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ol>

示例

下面是一个简单的有序列表示例：

<ol>
  <li>苹果</li>
  <li>香蕉</li>
  <li>橙子</li>
</ol>

将产生以下有序列表：

1. 苹果
2. 香蕉
3. 橙子

修改起点编号

你可以使用 start 属性来修改有序列表的起点编号。例如，将起点设置为 5：

<ol start="5">
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ol>

将产生以下有序列表：

5. 项目1
6. 项目2
7. 项目3

指定类型

有序列表还可以指定不同类型的编号方式，包括数字、字母和罗马数字。通过 type 属性可以实现。

数字编号（默认）

<ol type="1">
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ol>

将产生以下有序列表：

1. 项目1
2. 项目2
3. 项目3

小写字母编号

<ol type="a">
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ol>

将产生以下有序列表：

a. 项目1 b. 项目2 c. 项目3

大写字母编号

<ol type="A">
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ol>

将产生以下有序列表：

A. 项目1 B. 项目2 C. 项目3

罗马数字编号

<ol type="i">
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ol>

将产生以下有序列表：

i. 项目1 ii. 项目2 iii. 项目3

总结

有序列表是HTML中用于按顺序显示项目的元素。通过 <ol> 元素及其子元素 <li>，我们可以轻松创建有序列表，并修改起点和编号类型。在编写HTML文档时，有序列表可以帮助我们以有序方式呈现信息。