HTML <ol>标签
HTML <ol>标签作用
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排序列表示例
让我们看一下HTML排序列表示例,该示例在编号列表中显示4个主题。这里我们没有定义type="1",因为它是默认类型。
<ol>
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
输出:
- HTML
- Java
- JavaScript
- SQL
ol type="I"
让我们看一下以罗马数字大写显示列表的示例。
<ol type="I">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
输出:
- HTML
- Java
- JavaScript
- SQL
ol type=" i"
让我们看一下以罗马数字小写显示列表的示例。
<ol type="i">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
输出:
- HTML
- Java
- JavaScript
- SQL
ol type="A"
让我们看一下以字母大写形式显示列表的示例。
<ol type="A">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
输出:
- HTML
- Java
- JavaScript
- SQL
ol type="a"
让我们看一下以字母小写显示列表的示例。
<ol type="a">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
输出:
- HTML
- Java
- JavaScript
- SQL
开始属性
开始属性与ol标签一起使用以指定从何处开始列表项。
<ol type="i" start="5">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
输出:
- HTML
- Java
- JavaScript
- SQL
反向属性:
这是HTML<ol>标签的布尔属性,在HTML5版本中是新的。如果您将反向属性与<ol>标签一起使用,然后它将按降序对列表编号(7、6、5、4 ...... 1)。
示例:
<ol reversed>
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ol>
输出:
支持浏览器