第3章 列表 list

一、有序表 ol

是指为其中的每个项目编号的列表。例如菜谱的烹调步骤。又如法律合同条文（方便引用时提出第几条）。如：

<ol>
    <li>打开冰箱门</li>
    <li>大象放进去</li>
    <li>关上冰箱门</li>
</ol>

我们使用CSS的list-style-type属性来控制编号的类型（罗马数字、阿拉伯数字或是字母）

 

 

二、无序表 ul

是指以点状项目符号（不同于表明顺序的字符）作为开头的列表。如

<ul>
    <li>吃饭</li>
    <li>睡觉</li>
    <li>打豆豆</li>
</ul>

我们使用CSS的list-style-type属性来控制项目符号的类型（圆形、正方形或是菱形）

 

 

三、定义列表 dl

是由一系列专业术语及其定义组成的列表。如

<dl>
    <dt>DNA</dt><!--这是术语定义的标题。-->

    <!--这是一个术语定义的描述。-->
    <dd>脱氧核糖核酸，是一种生物大分子，可组成遗传指令，引导生物发育与生命机能运作。</dd>

    <dt>RNA</dt><!--这是术语定义的标题。-->

    <!--这是一个术语定义的描述。-->
    <dd>核糖核酸，存在于生物细胞以及部分病毒、类病毒中的遗传信息载体。</dd>

</dl>

 

 

四、列表嵌套

可以在<li>元素中放入另一个列表来创建字列表，或者叫嵌套列表。