【0009】有序列表

有序列表使用的是​​<ol></ol>​​​标签，每个列表项都是​​<li></li>​​标签。

ol是ordered list(有序列表)的缩写，li是list item(列表项)的缩写。

<ol>标签注意事项

【注意】

1. <li>标签不能散着放，它必须是<ol>标签或者<ul>标签的子标签。
2. <ol>的子标签只能是<li>标签。
3. <li>标签中可以放任何东西。

<ol>的type属性

ol标签可以设置type属性，用来设置编号的类型。

<h3>小写字母</h3>
<ol type="a">
    <li>牛奶</li>
    <li>咖啡</li>
    <li>可乐</li>
</ol>

<h3>大写字母</h3>
<ol type="A">
    <li>面包</li>
    <li>馒头</li>
    <li>包子</li>
</ol>

<h3>小写罗马数字</h3>
<ol type="i">
    <li>语文</li>
    <li>数学</li>
    <li>英语</li>
</ol>

<h3>大写罗马数字</h3>
<ol type="I">
    <li>华为</li>
    <li>苹果</li>
    <li>小米</li>
</ol>

<h3>默认数字</h3>
<ol type="1">
    <li>中国</li>
    <li>美国</li>
    <li>法国</li>
</ol>

<ol>标签的start属性

start属性值必须是一个整数，指定了列表编号的起始值。

【注意】此属性的值应为阿拉伯数字，尽管列表条目的编号类型type属性可能指定了罗马数字编号等其他类型的编号。

<h3>考试成绩排名</h3>
<ol type="A" start="5">
    <li>小慕</li>
    <li>小明</li>
    <li>小红</li>
    <li>小强</li>
</ol>

<ol>标签的reversed属性

reversed属性指定列表中的条目是否倒序排列的。

reversed属性不需要值，只需要写reversed单词即可，这是HTML5全新特性。

<h3>考试成绩排名</h3>
<ol reversed>
    <li>小慕</li>
    <li>小明</li>
    <li>小红</li>
    <li>小强</li>
</ol>