上一讲我们讲了无序列表。无序列表没有顺序,它的列表项前面只有一个用符号做的标记。如果列表项没有前后顺序。那无序列表是一个很好的选择。
但如果想要有前后顺序的列表,那就需要有序列表了。这样,列表项的前面就会用数字来做标记了。
有序列表,英文称:ordered list
所以,有序列表,在代码中以ol标签来表示。
列表项依然是li。
一个完整的有序列表的表示方法如下:
<ol>
<li></li>
<li></li>
<li></li>
</ol>
上面的例子表示的是有三个列表项的有序列表。
用途:
生成一个有顺序的列表喽。
type属性
用来设置标记的样式。
用法:
<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
效果如下:
1. Coffee
2. Tea
3. Milk
type一共有五种值:
type=”1″ 用数字来作为标记。
type=”A” 用大写字母来作为标记。
type=”a” 用小写字母来作为标记。
type=”I” 用大写罗马数字来作为标记。
type=”i” 用小写罗马数字来作为标记。
start属性
用来设定列表从哪个数字开始排序。
用法,比如从50开始排序:
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
reversed属性
用来设定的数字标记以倒序的形式展现。
用法:
<ol reversed>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
效果:
3. Coffee
2. Tea
1. Milk
相关英语:
ordered = order(次序,顺序)的过去式。意思是有序的。
type = 类型
strat = 开始,起始
reversed = reverse(相反)的过去式。意思是相反的。
评论区
发表新的留言
您可以留言提出您的疑问或建议。
您的留言得到回复时,会通过您填写的邮箱提醒您。