有序列表概述
在HTML中,有序列表通过<ol>
标签定义。列表项目使用<li>
标签,在列表项目之间可以添加在新行中的空格或制表符。
有序列表中的每个列表项默认从1开始计数,按照从小到大的顺序递增。但是在某些情况下,我们需要改变有序列表的起始值,这时就需要使用起始值属性。
起始值属性
有序列表的起始值通过start
属性指定。这个属性用于指定列表中第一个列表项的值。
例如,我们要从10开始,按照10、11、12、13的顺序递增,可以这样写:
<ol start="10">
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
<li>第四项</li>
</ol>
这样,在浏览器中呈现的结果是:
第一项
第二项
第三项
第四项
其他属性
除了start
属性,还有一些其他的属性可以控制有序列表的行为,这里简单介绍两个:
type
type
属性用于定义有序列表的项目标记类型。默认为阿拉伯数字。
常用的类型包括:1
(阿拉伯数字,默认值)、A
(大写字母)、a
(小写字母)、I
(大写罗马数字)、i
(小写罗马数字)。
使用方法:
<ol type="A">
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
<li>第四项</li>
</ol>
效果如下:
第一项
第二项
第三项
第四项
reversed
有时候我们需要按照相反的顺序排列有序列表。这时可以使用reversed
属性,设置为true
。
使用方法:
<ol reversed>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
<li>第四项</li>
</ol>
效果如下:
第一项
第二项
第三项
第四项
总结
有序列表是HTML中最常用的标记之一,通过<ol>
和<li>
标签可以轻松定义有序列表。如果需要修改起始值、标记类型或者反序,可以使用start
、type
和reversed
属性。