HTML5+CSS3学习笔记

列表元素

• 为了使网页更易读，经常将网页信息以列表的形式呈现。html 语言提供了 3 种常用的列表元素，ul 为无序列表，ol 为有序列表，dl 定义列表。

ul 元素

• 无序列表是网页中最常用的列表，之所以称为“无序列表”，是因为其各个列表项之间没有顺序级别之分，通常是并列的

<ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ul>

• 在上面的语法中，ul 标记用于定义无序列表，li 标记嵌套在 ul 标记中，用于描述具体列表项，每对 ul 标记中至少包含一对 li 标记。

ol 列表

• 有序列表即为有排列顺序的列表，其各个列表项按照顺序排列，例如网易云音乐热歌榜。

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

• 在上面语法中 ol 标记用于定义有序列表，li 为具体的列表项，和无序列表相似，每对 ol 中也至少包含一对 li。
• ol 元素还拥有 start 属性和 reversed 属性，start 属性可以改变列表标号的起始值，reversed 属性表示是否对该列表进行反向排序，默认值为 ture。

<ol start="2" reversed="ture">
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ol>

---