文
章
目
录
章
目
录
HTML有序列表或编号列表以编号的方式显示元素。HTML的<ol>标签用于有序列表。我们可以使用有序列表来表示项目，无论是按数字顺序排列还是按字母顺序排列，或者强调顺序的任何格式。可以有不同类型的编号列表：
- 数字编号（1、2、3）
- 大写罗马数字（I、II、III）
- 小写罗马数字（i、ii、iii）
- 大写字母（A、B、C）
- 小写字母（a、b、c）
为了表示不同的有序列表，<ol>标签中有5种类型的属性。
| 类型 | 描述 |
|---|---|
| 类型 “1” | 这是默认类型。在此类型中，列表项使用数字编号。 |
| 类型 “I” | 在此类型中，列表项使用大写罗马数字编号。 |
| 类型 “i” | 在此类型中，列表项使用小写罗马数字编号。 |
| 类型 “A” | 在此类型中，列表项使用大写字母编号。 |
| 类型 “a” | 在此类型中，列表项使用小写字母编号。 |
HTML有序列表示例
type=”1″
让我们看一个HTML有序列表的示例，它以编号列表显示4个主题。在这里，我们没有定义type=”1″，因为它是默认类型。
<ol>
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
type=”I”
让我们看一个以大写罗马数字显示列表的示例。
<ol type="I">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
type=”i”
让我们看一个以小写罗马数字显示列表的示例。
<ol type="i">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
type=”A”
让我们看一个以大写字母显示列表的示例。
<ol type="A">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
type=”a”
让我们看一个以小写字母显示列表的示例。
<ol type="a">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
start属性
start属性与<ol>标签一起使用，用于指定从哪里开始列出项目。
- <ol type=”1″ start=”5″>：它将显示从“5”开始的数字值。
- <ol type=”A” start=”5″>：它将显示从“E”开始的大写字母。
- <ol type=”a” start=”5″>：它将显示从“e”开始的小写字母。
- <ol type=”I” start=”5″>：它将显示从“V”开始的大写罗马数字。
- <ol type=”i” start=”5″>：它将显示从“v”开始的小写罗马数字。
<ol type="i" start="5">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
reversed属性
这是HTML <ol>标签的布尔属性，它是HTML5版本中的新属性。如果您在<ol>标签中使用reversed属性，它将以降序（7、6、5、4……1）编号列表。
示例：
<ol reversed>
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
支持的浏览器
| Element | Chrome | IE | Firefox | Opera | Safari |
| <ol> | Yes | Yes | Yes | Yes | Yes |
