HTML中的有序列表和无序列表

在HTML中,我们经常用到列表,最常用的就是有序列表和无序列表。

有序列表(Ordered List)中项目的顺序很重要,就像做菜步骤。

可以用<ol>标签创建一个有序列表,列表中的每个项目用<li>标签包围:

<ol>
    <li>起锅烧油</li>
    <li>放入食材</li>
    <li>添加调味品</li>
    <li>翻炒均匀</li>
    <li>出锅</li>
</ol>

展示效果如下:

可以看出:有序列表中的每个项目都是有编号的,这些编号用来表示顺序。

如果想要创建一个无序列表,可以使用<ul>标签,同样的,列表中的每个项目用<li>标签包围:

<ul>
    <li>Google</li>
    <li>Facebook</li>
    <li>Twitter</li>
</ul>

展示效果如下:

可以看出:无序列表用的是通用符号,代表列表中的项目是相互独立的,不存在次序关系。