实验三列表的使用
任务一、新闻列表的实现
创建页面3-1用列表实现一个新闻显示版块,要求利用列表方法,适当运用字体、字号间距等的修饰完成新闻列表的定义。显示结果如下
任务二、有序列表的type属性
创建页面3-2.html,利用有序列表的type属性的不同取值,实现下面页面的效果:
任务三、无序列表的嵌套
创建页面3-3.html,实现无序列表的嵌套。达到如下显示效果
任务四:创建网页3-4.html,使用有序列表中相关标记格式将下面文本以下图方式显示
文本:
2.3.2有序列表
页面列表可分为:
无序列表
有序列表
定义列表
有序列表的序号类型有:
"1"(阿拉伯数字)
"A"(大写英文字母)
"a"(小写英文字母)
"I"(大写罗马字母)
"i"(小写罗马字母)
显示结果:
任务五:创建网页3-5.html,应用列表的嵌套使用的相关知识将下面文本以下图方式显示
文本:
2.3.4列表的嵌套使用
当网页中需要复合层次的列表效果时,就可以通过对已有的列表标记进行适当的嵌套使用来实现。
比如,用嵌套列表来表示各种HTML列表:
无序列表
每个列表项前有特定的项目符号,项目符号有:
disc(实心圆点●)
circle(空心圆点○)
squre(方块■)
有序列表
每个列表项前有序号,序号类型有:
"1"(阿拉伯数字)
"A"(大写英文字母)
"a"(小写英文字母)
"I"(大写罗马字母)
"i"(小写罗马字母)
定义列表
包括各个项目及其注释
显示结果: