HTML教程-HTML 有序列表 | HTML 编号列表

HTML 有序列表或编号列表以编号格式显示元素。HTML ol 标签用于有序列表。我们可以使用有序列表以数字顺序格式或字母顺序格式或强调顺序的任何格式来表示项目。可以有不同类型的编号列表：

• 数字 (1, 2, 3)
• 大写罗马数字 (I II III)
• 大写字母 (ABC)
• 小字母 (abc)

为了表示不同的有序列表，<ol>标签中有5种类型的属性。

类型	描述
输入“1”	这是默认类型。在这种类型中，列表项用数字编号。
输入“I”	在这种类型中，列表项用大写罗马数字编号。
输入“A”	在这种类型中，列表项用大写字母编号。
输入“a”	在这种类型中，列表项用小写字母编号。

HTML 有序列表示例

让我们看一下在编号列表中显示 4 个主题的 HTML 有序列表示例。这里我们没有定义 type="1" 因为它是默认类型。

<ol>  
 <li>HTML</li>  
 <li>Java</li>  
 <li>JavaScript</li>  
 <li>SQL</li>  
</ol>  

输出：

1. HTML
2. Java
3. JavaScript
4. SQL

ol 类型=“I”

让我们看一下以大写罗马数字显示列表的示例。

<ol>  
 <li>HTML</li>  
 <li>Java</li>  
 <li>JavaScript</li>  
 <li>SQL</li>  
</ol>  

输出：

1. HTML
2. Java
3. JavaScript
4. SQL

ol 类型=“A”

让我们看一下以大写字母显示列表的示例。

<ol type="A">  
 <li>HTML</li>  
 <li>Java</li>  
 <li>JavaScript</li>  
 <li>SQL</li>  
</ol>  

输出：

A.HTML

B.Java

C.JavaScript

D.SQL

ol 类型=“a”

让我们看一下以小写字母显示列表的示例。

<ol type="a">  
 <li>HTML</li>  
 <li>Java</li>  
 <li>JavaScript</li>  
 <li>SQL</li>  
</ol>  

输出：

a.HTML

b.Java

c.JavaScript

d.SQL

开始属性

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”开头的罗马大写值。

反转属性：

这是HTML <ol>标签的一个布尔属性，是HTML5版本新增的。如果你使用 reversed 属性

1. 标记，然后它将按降序对列表进行编号（7、6、5、4......1）。

2. 例子：

1. HTML
2. Java
3. JavaScript
4. SQL

4. **输出：**

![html-ordered-list-numbered-list.png][1]