延安大学：《网页制作基础教程》课程PPT教学课件_第四章 列表的应用

网页制作基础教程 牛永洁 延安大学计算机学院

网页制作基础教程 延安大学计算机学院 牛永洁

内容提要 令本节主要学习如何列表的使用 巖学习无序列表的使用 条学习定义列表的使用 条学习有序列表的使用 豪学习嵌套列表的使用

内容提要 ❖本节主要学习如何列表的使用 学习无序列表的使用 学习定义列表的使用 学习有序列表的使用 学习嵌套列表的使用

什么是列表 ◆在网页表示内容的时候,一些内容可能需 要进行罗列才能更好的表述。 偏品 搞怪性可爱系列饰物 ·圣诞次:银色天使粉色精灵 打造梦幻圣诞公主 打造梦圣诞公主 最有个性的彩金首饰 ·圣诞公主妆 ·t圣诞系列 圣诞艳妆让人想入非非 百变圣诞老人小摆件 ·圣诞:画粉妆更迷人 华美亮丽的(x礼物 ·圣诞美妆你也可以定制

什么是列表 ❖在网页表示内容的时候，一些内容可能需 要进行罗列才能更好的表述

列表的分类 ※列表分类三类 无序列表:列表前面的序号使用无顺序的符号表示 有序列表:列表前面的序号可以明显分辨出前后顺序 定义列表:用户自定义的列表

列表的分类 列表分类三类 ➢无序列表：列表前面的序号使用无顺序的符号表示 ➢有序列表：列表前面的序号可以明显分辨出前后顺序 ➢定义列表：用户自定义的列表

无序列表 ◆无序列表标签. 令列表的属性 列表的类型type:定义列表前面的项目符号。 属性值 示例 disc circle square

无序列表 ❖无序列表标签 … ❖列表项标签 … ❖列表的属性 列表的类型 type：定义列表前面的项目符号。 属性值 示例 ⚫ disc  circle ◼ square

定义列表 时法3别区这啊季花0遥精新 水 E 平米体2030业0米:4

定义列表

定义列表 定义列表标签.!ld ◆定义标题标签. ◇定义描述的标签

定义列表 ❖定义列表标签 … ❖定义标题标签 … ❖定义描述的标签 …

有序列表 ◆有序列表标签… 列表中项目的标签./i> 令列表属性:type 属性值 说明 1,2,3,4 a.b. c A A.B.C 小写的罗马数字 大写的罗马数字

有序列表 ❖有序列表标签 … ❖列表中项目的标签 … ❖列表属性：type 属性值 说明 1 1,2,3,4 a a,b,c A A,B,C i 小写的罗马数字 I 大写的罗马数字

有序列表的属性 令有序列表的起始值: start 4 E iv.咖啡 5i咖啡i> 6 ix.葱花大饼 101《4葱花大饼√i

有序列表的属性 ❖有序列表的起始值: start

使用嵌套列表 ◆嵌套列表就是有序列表与无序列表、定义 列表的混合使用

使用嵌套列表 ❖嵌套列表就是有序列表与无序列表、定义 列表的混合使用