3.5 使用列表

在网页编辑中，有时会使用列表，例如，包含层次关系、并列关系的标题都可以制作成列表形式，这样有利于访问者理解网页内容。列表包括项目列表和编号列表，下面分别进行介绍。

3.5.1 小实例——插入项目列表

项目列表又称无序列表，这种列表的项目之间没有先后顺序。项目列表前面一般用项目符号作为前导字符，如图3-34所示是创建项目列表效果，具体操作步骤如下。

图3-34 创建项目列表效果

原始文件：原始文件/03/3.5.1/index.htm
最终文件：最终文件/03/3.5.1/index1.htm

步骤01 打开网页文档，将光标置于要创建项目列表的位置，如图3-35所示。

图3-35 打开网页文档

步骤02 执行“格式”|“列表”|“项目列表”命令，如图3-36所示。

图3-36 执行“项目列表”命令

步骤03 选择命令后，即可创建项目列表，如图3-37所示。

图3-37 创建项目列表

步骤04 同步骤2～3插入其他的项目列表，如图3-38所示。

图3-38 插入其他的项目列表

步骤05 保存文档，按F12键在浏览器中预览，效果如图3-34所示。

3.5.2 使用编号列表

当网页内的文本需要按序排列时，就应该使用编号列表。编号列表的项目符号可以在阿拉伯数字、罗马数字和英文字母中做出选择。如图3-39所示是创建编号列表效果，具体操作步骤如下。

图3-39 创建编号列表效果

原始文件：原始文件/03/3.5.2/index.html
最终文件：最终文件/03/3.5.2/index1.html

步骤01 打开网页文档，将光标置于要创建编号列表的位置，如图3-40所示。

图3-40 打开网页文档

步骤02 执行“格式”|“列表”|“编号列表”命令，如图3-41所示。

图3-41 执行“编号列表”命令

步骤03 选择命令后，即可创建编号列表，如图3-42所示。

图3-42 创建编号列表

步骤04 重复步骤2～3插入其他的编号列表，如图3-43所示。

图3-43 插入其他的编号列表

步骤05 保存文档，按F12键在浏览器中预览，效果如图3-39所示。