HTML列表制作与优化技巧.pptVIP

第3章HTML列表10月10日星期日第1页第1页

学习目标掌握怎样定义有序列表、无序列表掌握通过CSS定义列表的项目符号掌握在列表的嵌套定义第2页/10/10星期日

3.1无序列表与有序列表无序列表是一种项目标列表，此列项目使用实心圆、空心圆、方块等进行标识；同样，有序列表也是一列项目，列表项目使用数字、罗马字符等进行标识。第3页/10/10星期日

3.1无序列表与有序列表上图分别展示了一种无序列表和有序列表,其中(a)的HTML源代码为ul标签含有属性“type”，用此属性能够定义列表项前项目符号的类型，“type”可能的取值如下表：第4页/10/10星期日

3.1无序列表与有序列表例3-1演示了怎样设置列表项的项目符号类型。第5页/10/10星期日

3.1无序列表与有序列表例3-1在浏览器中的浏览效果如图所示第6页/10/10星期日

3.1无序列表与有序列表例3-2演示了将有序列表的项目符号类型设置为大写英文字母第7页/10/10星期日

3.1无序列表与有序列表例3-2在浏览器中的浏览效果如图所示：第8页/10/10星期日

3.2通过CSS设置列表项目符号及制作导航栏在HTML4.01中，不赞成使用ol元素的“type”属性，提议使用CSS设置列表项目符号。用来设置列表项目符号类型的CSS属性为list-style-type