HTML|有序列表、无序列表和自定义列表的使用

目录

一、有序列表

二、无序列表 

三、自定义列表

---

在HTML中有三种不同的列表的使用，分别是有序列表、无序列表和自定义列表。

一、有序列表

有序列表是使用<ol>标签进行定义的，列表序号用数字进行标记，使用<li>标签来定义列表的选项。

    <ol>
        <li>Dog</li>
        <li>Cat</li>
        <li>Pig</li>
    </ol>

<ol>:order list的缩写，表示有序列表。它为列表的每一项进行编号，默认的type类型是数字，且从数字1开始。它有两个属性：type和start。

• type有五个属性值：1、a、A、i、I(罗马数字)，表示列表前缀的格式；
• start：属性值位，表示从type类型的第几个数字开始。比如当你选的type=“a”，start=“2”，表示选择的是大写字母类型，从第二个字母B开始充当列表前缀。

一般<ol>与<li>配合使用，不建议在<ol>中使用除了<li>之外的标签。

二、无序列表 

元序列表是使用<ul>标签进行定义的，列表序号默认用黑色小圆点进行标记，使用<li>标签来定义列表的选项。

    <ul>
        <li>pink</li>
        <li>orange</li>
        <li>red</li>
    </ul>

<ul> 是 unordered list 的缩写，表示无序列表。默认情况下，无序列表的每一项都使用实心圆符号表示；它有一个属性type，type属性值有disc（实心圆默认）、circle（空心圆）、square（实心正方形）、none（取消前缀）。

比如：我们把type="square"

 <ul>与<ol>一样，一般与<li>配合使用，不建议在<ul>中使用除了<li>之外的标签。

三、自定义列表

自定义列表不仅仅是一列项目，而是项目及其注释的组合。

自定义列表以 <dl> 标签开始，每个自定义列表项以 <dt> 开始，每个自定义列表项的描述以 <dd> 开始。

<dl>：definition list的缩写，表示定义列表。<dl></dl>里面只能包含<dt>和<dd>。

<dt>：定义标题。<dt>和<dd>个数没有限制，通常是一个<dt>对应多个<dd>。

<dd>：definition description 的缩写，定义描述。定义描述一般是对定义标题的解释说明；但是自定义列表没有前缀，但有缩进。