列表标签

目录

一、无序列表

二、有序列表

三、定义列表

---

列表分为有序列表、无序列表和定义列表三种。

一、无序列表

无序列表ul即无数值排序项的集合，且它们在列表中的顺序是没有意义的。无序列表项的头部可以是一个点，一个圆或方形，头部风格在css中用list-style-type属性定义。

<style>
    ul li{    
        list-style: none;
        /*list-style(列表项标志复合样式):list-style-type list-style-image list-style-position*/
    }
</style>
<ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ul>

二、有序列表

有序列表ol即有数值排序项的集合。有序列表中显示在项前面的编号可以是任何形式的，如数字、字母或罗马数字甚至简单的点。项前面的编号样式在css中用list-style-type属性定义。ol标签有两个常用特性，其一start，其二type。其中start特性规定有序列表的起始值。type特性规定列表中使用的标记类型，如下所示。

1：默认值,十进制数字1,2,3,4......
A：字母顺序的有序列表,大写A,B,C,D......
a: 字母顺序的有序列表,小写a,b,c,d......
i：罗马数字,小写i,ii,iii,iv......
I：罗马数字,大写I,II,III,IV......

<ol>
    <li>HTML</li>
    <li>XHTML</li>
    <li>CSS</li>
</ol>

<ol start="2">
    <li>HTML</li>
    <li>XHTML</li>
    <li>CSS</li>
</ol>

<ol type="I">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ol>

三、定义列表

定义列表是一个包含术语定义以及描述的列表，涉及三个标签，分别是dl标签、dt标签和dd标签。其中dl标签定义描述列表，dt标签定义列表中的项目，dd标签描述列表中的项目。dt标签和dd标签最外层必须使用dl标签包裹，否则语义不完整。dl标签下，dt标签和dd标签是同级标签。一个dt标签可以对应多个dd标签。

<dl>
    <dt>计算机</dt>
    <dd>用来计算的仪器</dd>
    <dt>显示器</dt>
    <dd>以视觉方式显示信息的装置</dd>
    <dd>以视觉方式显示信息的装置</dd>
</dl>