3.3　项目符号与编号

本节介绍HTML网页的项目符号与编号，这在论文、报告和文献等文章格式中比较常见。

3.3.1　符号列表

符号列表在文档中是一种比较常见的表现形式，符号可以定义为多种样式，譬如：圆点符号、星型符号、箭头符号等。在HTML网页中，可以通过ul-li标签元素来实现无序的符号列表。

下面是一个设置不同风格符号列表的HTML示例代码（详见源代码ch03/ch03-html-ul-li.html文件）。

【代码3-7】

【代码解析】

第11～15行代码使用ul标签元素定义了type="disc"样式的符号列表，"disc"样式表示实心圆点，同时该样式也为ul标签元素的默认样式。

第16～20行代码使用ul标签元素定义了type="circle"样式的符号列表，"circle"样式表示空心圆圈。

第21～25行代码使用ul标签元素定义了type="square"样式的符号列表，"square"样式表示实心方形。

运行测试网页，效果如图3.7所示。

3.3.2　编号列表

编号列表在文档中也是一种比较常见的表现形式，同时编号也可以定义为多种样式，譬如：阿拉伯数字、罗马数字、字母等。在HTML网页中，可以通过ol-li标签元素来实现有序的编号列表。

下面是一个设置不同风格编号列表的HTML示例代码（详见源代码ch03/ch03-html-ol-li.html文件）。

【代码3-8】

【代码解析】

第11～15行代码使用ol标签元素定义了type="1"样式的编号列表，"1"样式表示阿拉伯数字。同时，该样式也是ol标签元素的默认样式。

第17～24行代码使用ol标签元素定义了type="I"样式的编号列表，"I"样式表示大写罗马数字。同时，第19～22行代码定义了type="i"样式的二级编号列表，"i"样式表示小写罗马数字。

第26～35行代码使用ol标签元素定义了type="A"样式的编号列表，"A"样式表示大写字母。同时，第28～32行代码定义了type="a"样式的二级编号列表，"a"样式表示小写字母。

运行测试网页，效果如图3.8所示。

3.3.3　自定义列表

自定义列表不仅仅是一列项目，同时也是项目及其注释的组合。自定义列表以dl标签元素开始，每个自定义列表项以dt标签元素开始，每个自定义列表项的定义以dd标签元素开始。

下面是一个设置自定义列表的HTML示例代码（详见源代码ch03/ch03-html-ol-li.html文件）。

【代码3-9】

【代码解析】

第11～18行代码使用<dl>标签元素定义了自定义列表。

第12行、第14行和第16行代码使用<dt>标签元素定义了自定义列表项。

第13行、第15行和第17行代码使用<dd>标签元素定义了上面三个自定义列表项的注释。

运行测试网页，效果如图3.9所示。