购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

4.5 列表的设置

在网页编辑过程中,有时会使用到列表,包含层次关系、并列关系的标题都可以制作成列表形式,这样有利于浏览者理解网页内容。列表包括无序列表和有序列表,下面分别介绍。

4.5.1 使用无序列表

无序列表的项目之间没有先后顺序,列表前面一般用项目符号作为前导字符,如图4-34所示为创建的无序列表,具体的操作步骤如下。

图4-34 创建无序列表效果

01 打开网页文档,将光标置于要创建无序列表的位置,如图4-35所示。

02 执行“插入”|“无序列表”命令,如图4-36所示。

03 选择命令后,即可创建无序列表,如图4-37所示。

图4-35 打开网页文档

图4-36 执行“无序列表”命令

04 重复步骤02~03的操作,插入其他的无序列表,如图4-38所示。

图4-37 创建无序列表

图4-38 创建其他无序列表

05 保存文档,按F12键在浏览器中预览,效果如图4-34所示。

4.5.2 使用有序列表

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

图4-39 有序列表

01 打开网页文档,将光标置于要创建有序列表的位置,如图4-40所示。

图4-40 打开网页文档

02 执行“插入”|“有序列表”命令,如图4-41所示。

图4-41 执行“有序列表”命令

03 选择命令后,即可创建有序列表,如图4-42所示。

图4-42 创建有序列表

04 重复步骤02~03的操作,插入其他的有序列表,如图4-43所示。

05 保存文档,按F12键在浏览器中预览,效果如图4-39所示。

图4-43 插入其他的有序列表 hkIDOuHMhsg514hdPtE5UyVi7FdSJBaF/LfBctDe6iENY7k07BNE+qULIIFqYtcN

点击中间区域
呼出菜单
上一章
目录
下一章
×