html列表

html列表

一.无序列表

1.标签

无序列表的标签为 < ul >

2.属性

type 可以设置无序列表中每一项前面的项目符号

这个属性不推荐使用，不同浏览器的显示效果不同，通常用CSS将项目符号去掉

ul{
    list-style: none;
}

如果想要加上项目符号，一般设置< li >的背景图片实现。

3.子标签 < li >

子标签表示创建列表项，所以无序列表的一般写法如下：

<ul>
    <li>条目一</li>
    <li>条目二</li>
    ...
</ul>

二.有序列表

1.标签

有序列表的标签为ol

2.属性

type 设置有序列表中的编号类型。

举个例子：

<ol type="1">

表示编号为阿拉伯数字，并且从1开始

A/a表示英文编号；I/i表示罗马数字

3.子标签

与无序列表相同，使用< li >创建列表中的列表项。

三.定义列表

1.标签

定义列表的标签为< dl >

2.子标签

< dt > 表示被定义的东西

< dd > 对dt标签中的东西进行定义

<dl>
    <dt>铅笔</dt>
    <dd>用来写字</dd>
    <dd>可以使用橡皮擦出</dd>
</dl>

四.列表标签的子标签中可以嵌套列表标签

举个例子：

    <ol type="1">
        <li>(2分)第一题()
            <ol type="A">
                <li>选项A</li>
                <li>选项B</li>
                <li>选项C</li>
                <li>选项D</li>
            </ol>
        </li>

        <li>(2分)第二题()
            <ol type="A">
                <li>选项A</li>
                <li>选项B</li>
                <li>选项C</li>
                <li>选项D</li>
            </ol>
        </li>
    </ol>