3.1 无序列表与有序列表

无序列表是一个项目的列表，此列项目使用实心圆、空心圆、方块等进行标记；同样，有序列表也是一列项目，列表项目使用数字、罗马字符等进行标记，如图3-1所示。

图3-1 无序列表与有序列表示例

图3-1分别展示了一个无序列表和有序列表，其中图3-1（a）的HTML源代码为：

<h2>编程语言有：</h2> <ul> <li>C语言</li> <li>Java语言</li> <li>python语言</li> </ul>

可以看到无序列表用<ul>标签定义，其中每一个列表项如“C语言”“Java语言”和“Python语言”都定义在<li>标签中，有多少个列表项就有多少个<li>标签，不要在<ul>标签中直接写列表项的内容，如下面代码中的写法是错误的：

<ul> C语言 Java语言 Python语言 </ul>

<ul>标签具有属性“type”，该属性可以定义列表项前项目符号的类型，表3-1列举了“type”可能的取值。

表3-1 <ul>标签“type”属性

例3-1演示设置列表项的项目符号类型。

例3-1 3-1.html

例3-1在浏览器中的显示效果如图3-2所示，注意“type”是标签<ul>的属性，不是css属性，所以不能写成：

图3-2 例3-1在浏览器中的显示效果

有序列表通过标签<ol>进行定义，其使用方法与无序列表类似，也有属性“type”, “type”属性的取值如表3-2所示。

表3-2 <ol>标签“type”属性

例3-2演示将有序列表的项目符号类型设置为大写英文字母。

例3-2 3-2.html

例3-2在浏览器中的显示效果如图3-3所示。

图3-3 例3-2在浏览器中的显示效果