![网页设计与网站建设完全实战手册](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=1738840616-gjLGTiDMNYwzE10SAnBgYG2bCs0kLZon-0-fd74917b49166df109da4287e0390fe7)
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00181.jpg?sign=1738840616-8rqGIObDKI3UAX13DeMLEd2mESpyz4cr-0-a4a168e1a3cfbb4ac74410d5c036b6c8)
图5-27 创建项目列表效果
01 打开网页文档,将光标置于要创建项目列表的位置,如图5-28所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00182.jpg?sign=1738840616-nmH9P9M2zbQ1zOWvGiYqIENIqKivZbeb-0-2e67fd5b1112eb53f8ee86389376bca3)
图5-28 打开网页文档
02 执行“格式”|“列表”|“项目列表”命令,如图5-29所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00183.jpg?sign=1738840616-aqE7PDw1hYef8q5Y0bRF1erdR1WUYMOV-0-7511295e311106dc60777ff8ab26c796)
图5-29 执行“项目列表”命令
03 选择命令后,即可创建项目列表,如图5-30所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00184.jpg?sign=1738840616-8oNNVqIDKRkLK7iMeyHrZTC7ZZFy9tEb-0-33d8ec592a86013d8d07f2356c142ae5)
图5-30 创建项目列表
04 保存文档,按F12键在浏览器中预览,效果参见图5-27所示。
5.3.2 使用编号列表
当网页内的文本需要按顺序排列时,就应该使用编号列表。编号列表的项目符号可以是阿拉伯数字、罗马数字或英文字母中。如图5-31所示是创建的编号列表效果,具体操作步骤如下:
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00185.jpg?sign=1738840616-1KAbaEdDImbE9wcPOQx8qgoCZW1SfzLz-0-fd8c4614d9d00f6cd354baf2cb4b17cc)
图5-31 创建编号列表的效果
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/figure_0193_0001.jpg?sign=1738840616-79iGumZQAySK1El8yLhFlUJgnFzQN4ER-0-97c5461ae6a62ec8c79bd26354abcae0)
01 打开网页文档,将光标置于要创建编号列表的位置,如图5-32所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00186.jpg?sign=1738840616-EGDi3tKkQ9koUrzzEvX5TZscQAsoYSUd-0-e4baf323748daedfde833bdd1171096a)
图5-32 打开网页文档
02 执行“格式”|“列表”|“编号列表”命令,如图5-33所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00187.jpg?sign=1738840616-FGYROd6O25CrklJ6V9tK1NdkOmsCidEY-0-4ade709788ff92e8e4b949d1c2b035a2)
图5-33 执行“编号列表”命令
03 选择命令后,即可创建编号列表,如图5-34所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00188.jpg?sign=1738840616-nuqDuU3EGy6yq220RFq28704zbhG4yWp-0-0e5f09c27577fad7b1ff57edf276a10b)
图5-34 创建编号列表
04 保存文档,按F12键在浏览器中预览,效果参见图5-31所示。
★提示★
单击“属性”面板中的“编号列表”按钮,也可以创建编号列表。