html li列表

html中li表示列表标签

html中有有序列表(ol)，无序列表(ul)和自定义列表(dl)。

无序列表：

<ul>
    <li item="1">item 1</li>
    <li item="2">item 2</li>
    <li item="3">item 3</li>
</ul>

效果如下：

有序列表：

<ol>
    <li item="1">item 1</li>
    <li item="2">item 2</li>
    <li item="3">item 3</li>
</ol>

自定义列表：

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

<dl>
    <dt>小米</dt>
    <dd>小米手机就是便宜</dd>
    <dt>华为</dt>
    <dd>华为手机高端销量</dd>
</dl>

效果如下：

1、无序列表和有序列表都可以设置不同的type。

无序列表：type="值" 可以是disc(为默认值 是一个实心圆点)，circle(是一个空心圆)，square(是一个实心正方形)等等。

有序列表：type="值" 可以是数字排序1,字母大写A，小写a,罗马字母大写I，小写i等等。

2、列表也可嵌套列表

<ol type="A">
    <li item="1">
        <ol type="I">
            <li>item 11</li>
            <li>item 12</li>
            <li>item 13</li>
        </ol>
    </li>
    <li item="2">item 2</li>
    <li item="3">item 3</li>
</ol>

上述外层是以大写字母A开始排序，第一条数据又是一个列表，以大写罗马字母I开始排序。