任务4.3 网页文字列表设计.pptxVIP

模块4网页文本设计任务4.3网页文字列表设计网页设计项目教程（HTML5+CSS3+JavaScript）

任务描述理解网页文字列表的作用与分类文字列表能够对相关元素进行分组，并赋予其意义和结构，让浏览者更快捷地获取信息。常见应用新闻列表活动列表导航链接列表推荐阅读书目产品特性清单三种列表无序列表ul—项目符号有序列表ol—顺序编号自定义列表dl—名词+解释列表的优势结构化信息呈现提升信息获取效率便于浏览与扫读代码简洁、语义清晰便于样式美化

4.3知识体系概览：HTML三种列表无序列表、有序列表与自定义列表01无序列表ul项目排列无顺序，仅以符号

标识。常见符号：

●disc实心圆

○circle空心圆

■square小方块

支持多级嵌套。02有序列表ol项目按顺序自动编号，

支持多种编号样式：

1数字

A大写字母

a小写字母

I大写罗马数字

i小写罗马数字

可通过start/value控制起号。03自定义列表dl项目及其注释的组合，

由dt定义名词，

dd提供对应解释。

常用于术语表、

问答对、键值描述等

场景。

4.3.1建立无序列表ul与li实现项目符号列表基本语法ulli列表项一/lili列表项二/li.../ul?ul标记整组无序列表?li标记每一