HTML有序列表或编号列表以编号的方式显示元素。HTML的<ol>标签用于有序列表。我们可以使用有序列表来表示项目，无论是按数字顺序排列还是按字母顺序排列，或者强调顺序的任何格式。可以有不同类型的编号列表：

  1. 数字编号（1、2、3）
  2. 大写罗马数字（I、II、III）
  3. 小写罗马数字（i、ii、iii）
  4. 大写字母（A、B、C）
  5. 小写字母（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>YesYesYesYesYes