![网页设计与网站建设完全实战手册](https://wfqqreader-1252317822.image.myqcloud.com/cover/459/27110459/b_27110459.jpg)
上QQ阅读APP看书,第一时间看更新
5.3 列表的设置
在网页编辑过程中,有时会使用列表。包含层次关系、并列关系的标题都可以制作成列表形式,这样有利于访问者理解网页内容。列表包括项目列表和编号列表,下面分别介绍。
5.3.1 使用项目列表
项目列表又称无序列表,这种列表的项目之间没有先后顺序。项目列表前面一般用项目符号作为前导字符,如图5-27所示是创建的项目列表效果,具体操作步骤如下:
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/figure_0189_0001.jpg?sign=1739970877-mvPfhxciI29AvFinxywQurxcfltTqYie-0-3aa4d739c49abbd4f5d63d42ed0c1685)
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00181.jpg?sign=1739970877-oQ0UcQyyc8FIh8W5S8LQjD8ZaeQQD3hf-0-826b318b458c1c94ecf10e2d16483ed6)
图5-27 创建项目列表效果
01 打开网页文档,将光标置于要创建项目列表的位置,如图5-28所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00182.jpg?sign=1739970877-BoxJC4MnNagFGUn4FA0edXCnGJZIVkap-0-6bdd108680e727c6af2c92e6466d4924)
图5-28 打开网页文档
02 执行“格式”|“列表”|“项目列表”命令,如图5-29所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00183.jpg?sign=1739970877-UPQBT8QEQzRrMCyL9UZj4lj2yf4kwXv3-0-7c5672472eb99595e73d139a3b54a4d0)
图5-29 执行“项目列表”命令
03 选择命令后,即可创建项目列表,如图5-30所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00184.jpg?sign=1739970877-mAdgaSnJbEzQVehvM3a3Fom1r1lnA66l-0-0cd8a6689236f9a0bdda15db1633619f)
图5-30 创建项目列表
04 保存文档,按F12键在浏览器中预览,效果参见图5-27所示。
5.3.2 使用编号列表
当网页内的文本需要按顺序排列时,就应该使用编号列表。编号列表的项目符号可以是阿拉伯数字、罗马数字或英文字母中。如图5-31所示是创建的编号列表效果,具体操作步骤如下:
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00185.jpg?sign=1739970877-WTlKXz802oUV5GQiSbvWijXaYgDUuJ8L-0-0e38a1a54ebc4c76fa1c4b0400f82e13)
图5-31 创建编号列表的效果
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/figure_0193_0001.jpg?sign=1739970877-V6Dqfyxgooavy46iqGdOQJU4xvn8rYg2-0-56b4d35ec0cdaad1b1397ab4d0ab2702)
01 打开网页文档,将光标置于要创建编号列表的位置,如图5-32所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00186.jpg?sign=1739970877-6xTTvsvY6RQqe2DV2nK4mvg9gNVWbI8C-0-7b424dd34f7a70bb06d76ae7e281271c)
图5-32 打开网页文档
02 执行“格式”|“列表”|“编号列表”命令,如图5-33所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00187.jpg?sign=1739970877-VurCXN4tPsTANYqY982yV6FhcwaqLXeD-0-74d9f8b8d820779c28562c867d6c8b8a)
图5-33 执行“编号列表”命令
03 选择命令后,即可创建编号列表,如图5-34所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00188.jpg?sign=1739970877-Vx2XrlR0OeDgI70ODBaHcpY5QbxV1Plm-0-4e93c65f5fe6ee6c28a9c8e687f8669f)
图5-34 创建编号列表
04 保存文档,按F12键在浏览器中预览,效果参见图5-31所示。
★提示★
单击“属性”面板中的“编号列表”按钮,也可以创建编号列表。