HTML：使用列表

第五章：使用图像

列表是一种非常有用的数据排列工具，HTML中共有三种列表，分别是无序列表、有序列表和定义列表。无序列表的所有列表项目之间没有先后顺序之分，有序列表的列表项目是有先后顺序之分的，定义列表是一组带有特殊含义的列表，一个列表项目里包含条件和说明两部分。

5.1 认识列表标记

• 无序列表：项目符号由几个符号构成
• 有序列表：项目符号由字母和数字进行排序
• 定义列表：它用作产生条件和描述的双重列表，可以对列表进行更为灵活的定义

5.2 有序列表

5.2.1 有序列表ol

有序列表中各个列表项使用编号排列，列表中的项目有先后顺序，一般采用字母或数字作为序号。
语法：

<ol><li>有序列表项</li><li>有序列表项</li><li>有序列表项</li><li>有序列表项</li><li>有序列表项</li>......</ol>

5.2.2 有序列表的序号类型type

默认情况下，有序列表是以数字表示，但通过type可以改变序号的类型
语法：

<ol type="序号类型""><li>有序列表项</li><li>有序列表项</li><li>有序列表项</li><li>有序列表项</li><li>有序列表项</li>......</ol>

说明：有序列表的五种类型如下表：

类型值 列表项目的序号类型 l 数字1，2，3，4 a 小写英文字母 A 大写英文字母 i 小写罗马数字 I 大写罗马数字

5.2.3 有序列表的起始数值start

默认情况下，有序列表的编号是从1开始的，通过start属性可以调整编号的起始值。
语法：

<ol start="起始数值""><li>有序列表项</li><li>有序列表项</li><li>有序列表项</li><li>有序列表项</li><li>有序列表项</li>......</ol>

说明：在该语法中，起始数值只能是数字，但是同样对字母和罗马数字起作用。

5.3 无序列表

无序列表除了不使用数字或字母以外，其他方面和有序列表类似。无序列表并不依赖顺序来表示重要程度。

5.3.1 无序列表标记ul

语法：

<ul><li>有序列表项</li><li>有序列表项</li><li>有序列表项</li><li>有序列表项</li><li>有序列表项</li>......<ul>

5.3.2 无序列表的类型type

默认情况下，无序列表的项目符号是实心圆，而通过type参数可以调整无序列表的项目符号，避免列表符号的单调。
语法：

<ul type="符号类型"><li>列表项</li><li>列表项</li><li>列表项</li>......</ul>

说明：type属性如下表：

类型值 列表项目的符号 disc 默认值，黑色实心圆点 circle 空心圆环 square 正方形

5.3.3 定义列表标记dl

定义列表由两部分组成：定义条件和定义描述。
dt用来指定需要解释的名词
dd是具体的这里写代码片

<dl><dt>定义条件</dt><dd>定义描述</dd>... ...</dl>

5.3.4 菜单列表标记

菜单列表主要用于设计单列的菜单列表。菜单列表在浏览器中的显示效果和无序列表是相同的，因为它的功能也可以通过无序列表来实现。
语法：

<menu><li>列表项</li><li>列表项</li><li>列表项</li>.......</menu>