【8】HTML基础（3）——HTML常用标签④

---

九、有序列表标签

• 列表用于制作HTML中的一系列项目；
• 通常我们会将内容相关、结构相似、样式相近的内容使用列表结构进行搭建；
• 根据项目的内容不同，可以有三种语义的列表结构：无序列表、有序列表、定义列表；
• 常见列表情况：②有序列表
  

---

（一）语法：

• 有序列表的语法与无序列表非常类似，只是在语义上有差异。
• 有序列表由两个标签组成，分别是<ol>和<li>;
• ol：ordered list，表示定义一个有序的列表的大结构;
• li：list item，定义的是有序列表的每一项;
• <ol>和<li>是嵌套关系,<ol>标签内部可以嵌套任意多个<li>标签。

 <ol> 
    <li>列表项1</li>
    <li>列表项2</li> 
    <li>列表项3</li>
    <li>列表项4</li>
 </ol>

---

（二）注意事项：

• <ol>内部只能嵌套<li>标签，而<li>不能脱离<ol>单独书写；
• <li>标签是一个经典的容器级标签，内部可以放置任意内容，甚至可以放ol>li；
• 有序列表的列表项<li>之间，存在顺序先后之分，根据内容的顺序需要合理调整书写位置；
• 有序列表的作用只是搭建有顺序的列表结构，前面的数字排序样式不是<ol>标签的作用， 而是CSS负责的。

---

下篇继续…