HTML有序列表/HTML编号列表

文
章
目
录

• HTML有序列表示例
• type=”1″
• type=”I”
• type=”i”
• type=”A”
• type=”a”
• start属性
• reversed属性
• 支持的浏览器

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种类型的属性。

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>  

支持的浏览器