网页设计第4章PPT文件格式下载.ppt

网页设计第4章PPT文件格式下载.ppt

《网页设计第4章PPT文件格式下载.ppt》由会员分享，可在线阅读，更多相关《网页设计第4章PPT文件格式下载.ppt（40页珍藏版）》请在冰豆网上搜索。

-在HTML文件中，可以利用成对的标记来插入无序列表，其中间的列表项标签（list-items）用来定义列表项序列。

-使用无序列表标签的TYPE属性，用户可以指定出现在列表项前的项目符号的样式，其取值以及相对应的符号样式如下：

disc：

指定项目符号为一个实心圆点（IE浏览器的默认值是disc）。

circle：

指定项目符号为一个空心圆点。

square：

指定项目符号为一个实心方块。

4.2无序列表l示例代码（代码位置示例代码（代码位置4-1.html）无序列表无序列表班级新闻班级新闻最新课程表最新课程表关于普通话考试的通知关于普通话考试的通知钢琴名曲音乐欣赏钢琴名曲音乐欣赏-献给爱丽丝献给爱丽丝中国奥运屈辱史中国奥运屈辱史div+css高级应用学习高级应用学习4.2无序列表l实例代码实例代码4-1.html的执行效果如图的执行效果如图4-1所示。

所示。

4.3有序列表4.3.1有序列表及其编号样式l有序列表（有序列表（OrderedList）-有序列表（OrderedList）是一个有特定顺序的相关条目（也成为列表项）的集合。

在有序列表中，各个列表项有先后顺序之分，它们之间以编号来标记。

4.3.1有序列表及其编号样式4.2无序列表l基本语法：

项目名称项目名称项目名称项目名称项目名称项目名称4.3.1有序列表及其编号样式l语法说明：

-在HTML文件中，可以利用成对的标记来插入有序列表，其中间的列表项标记用来定义列表项顺序。

-使用有序列表标记的type属性，用户可以指定出现在列表项前的项目编号的样式，其取值以及相对应的编号样式如下：

“1”：

指定项目编号为阿拉伯数字（IE浏览器的默认值是disc）；

“a”：

指定项目编号为小写英文字母；

“A”：

指定项目编号为大写英文字母；

“i”：

指定项目编号为小写罗马数字；

“I”：

指定项目编号为大写罗马数字。

4.3.1有序列表及其编号样式l示例代码示例代码有序列表有序列表报名报名报名时间：

报名时间：

3月月1621日，逾期不予受理。

日，逾期不予受理。

报名地点：

所在院系办公室。

报名费用：

按物价局规定报名费用：

按物价局规定85元元/人人/次（含培训费用），报名时交齐。

次（含培训费用），报名时交齐。

提交资料及注意事项：

4.3.1有序列表及其编号样式l程序程序4-2的执行效果如图的执行效果如图4-2所示。

l改变程序中改变程序中type属性的值后，列表项前的项目编号将按属性的值后，列表项前的项目编号将按指定的样式显示。

指定的样式显示。

4.3.2编号起始值l通通常常，在在指指定定列列表表的的编编号号样样式式后后，浏浏览览器器会会从从“1”、“a”、“A”、“i”或或“I”开开始始自自动动编编号。

号。

l而而在在使使用用有有序序列列表表标标记记的的start属属性性后后，用用户户则则可可改变编号的起始值。

改变编号的起始值。

lstart属属性性值值是是一一个个整整数数，表表示示从从哪哪一一个个数数字字或或字字母母开开始始编编号号。

例例如如，设设置置start=3，则则有有序序列列表表的的列列表表项项编编号号将将从从“3”、“c”、“C”、“”或或“”开始编号。

开始编号。

4.3.2编号起始值l示例代码示例代码编号起始值的指定编号起始值的指定报名报名报名时间：

按物价局规定85元元/人人/次（含培训费用），报名时次（含培训费用），报名时交齐。

交齐。

4.3.2编号起始值l程序程序4-3的执行效果如图的执行效果如图4-3所示。

l此时，尽管列表类型此时，尽管列表类型type=A，start的值仍需取阿的值仍需取阿拉伯数字拉伯数字3，而不能取大写英文字母，而不能取大写英文字母C。

4.3.3列表项样式l除了对列表标记除了对列表标记进行属性设置外，进行属性设置外，我们还可以对列表项标记我们还可以对列表项标记进行属性设进行属性设置。

置。

l使用列表项标记使用列表项标记的的type属性，用户可属性，用户可以指定单个列表项的符号（对于无序列表而言）或以指定单个列表项的符号（对于无序列表而言）或编号（对于有序列表而言）。

编号（对于有序列表而言）。

l在列表标记在列表标记的的type属性和列表项标属性和列表项标记记的的type属性发生冲突的情况下，所属性发生冲突的情况下，所指定的单个列表项遵循指定的单个列表项遵循的的type属性进属性进行显示。

行显示。

4.3.3列表项样式l示例代码示例代码l程序程序4-4在程序在程序4-2的基础上指定了第二个列表项的样式。

的基础上指定了第二个列表项的样式。

报名报名报名时间：

按物价局规定85元元/人人/次（含培训费次（含培训费用），报名时交齐。

用），报名时交齐。

4.3.3列表项样式l程序程序4-4的执行效果如图的执行效果如图4-4所示。

l第二个列表项的样式变为阿拉伯数字第二个列表项的样式变为阿拉伯数字“2”。

4.3.3列表项样式l所指定的单个列表项只有样式发生了变化，其顺所指定的单个列表项只有样式发生了变化，其顺序值大小不变。

序值大小不变。

l列表项标记列表项标记的的type属性只影响当前属性只影响当前列表项，后续的列表项标记将恢复遵循列表中设列表项，后续的列表项标记将恢复遵循列表中设置的置的type属性。

属性。

l列表项标记列表项标记type属性的指定，即使属性的指定，即使用于无序列表也使用于有序列表。

此处，不再针用于无序列表也使用于有序列表。

此处，不再针对无序列表举例。

对无序列表举例。

4.3.4列表项编号l列列表表项项标标记记的的type属属性性只只能能改改变变当当前前列列表表项项的的符符号或编号的样式，并不会改变其值的大小。

号或编号的样式，并不会改变其值的大小。

l而而使使用用列列表表项项标标记记的的value属属性性，可可以以改改变变当当前前列列表表项项的的编编号号大大小小，并并会会影影响响其其后后所所有有列表项的编号大小。

列表项的编号大小。

l但该属性只适用于有序列表。

但该属性只适用于有序列表。

4.3.4列表项编号l示例代码示例代码l和程序和程序4-3类似，此时尽管列表类型类似，此时尽管列表类型type=A，value的值仍需取阿拉伯数字的值仍需取阿拉伯数字5，而不能取大写英文字母，而不能取大写英文字母E。

4.3.4列表项编号l程序程序4-5的执行效果如图的执行效果如图4-5所示。

l第二个列表项以后从字母第二个列表项以后从字母“E”开始编号。

4.4嵌套列表l列表还可以嵌套使用，也就是一个列表中还可以包列表还可以嵌套使用，也就是一个列表中还可以包含有多层子列表。

含有多层子列表。

l在网页文件中，对于内容层次较多的情况，使用嵌在网页文件中，对于内容层次较多的情况，使用嵌套列表不仅使网页的内容布局更加合理美观，而且套列表不仅使网页的内容布局更加合理美观，而且使其内容看起来更加清晰、明了。

使其内容看起来更加清晰、明了。

l嵌套的列表可以是无序列表的嵌套，也可以是有序嵌套的列表可以是无序列表的嵌套，也可以是有序列表的嵌套，还可以是无序列表和有序列表的混合列表的嵌套，还可以是无序列表和有序列表的混合嵌套。

嵌套。

4.4嵌套列表l程序程序4-6是嵌套列表的一个简单实例，该实例中实现了有序列表的嵌套。

是嵌套列表的一个简单实例，该实例中实现了有序列表的嵌套。

报名报名报名时间：

参加测试的学生须填写参加测试的学生须填写河南省普通话水平测试报名表河南省普通话水平测试报名表一份（准考证号码不用填写）；

一份（准考证号码不用填写）；

填写准考证一份（编号不用填写），所填姓名和出生年月等须与身份证一致；

提交小一寸彩色证件照提交小一寸彩色证件照3张（照片不能是打印版、不能是生活照，张（照片不能是打印版、不能是生活照，3张照片必须统一底张照片必须统一底片），其中两张照片贴在报名表和准考证上，另一张用钢笔在背面写上校名、系别和姓名，片），其中两张照片贴在报名表和准考证上，另一张用钢笔在背面写上校名、系别和姓名，与表格一起上交。

与表格一起上交。

培训培训测试测试（注：

具体时间和地点按河南财经学院测试站发回的准考证上所列。

）（注：

）4.4嵌套列表l程序程序4-6的执行效果如图的执行效果如图4-6所示。

l在嵌套列表中也可以根据需要更改某层列表或某层单个在嵌套列表中也可以根据需要更改某层列表或某层单个列表项的符号（或编号）的样式或其值的大小。

列表项的符号（或编号）的样式或其值的大小。

4.5定义列表l定义列表（定义列表（DefinitionList）-在HTML文件中，只要在适当的地方插入标记，即可自动生成定义列表（DefinitionList）。

-它的每一项前既没有项目符号，也没有编号，它是通过缩进的形式使内容层次清晰。

4.5定义列表l基本语法：

4.5定义列表l语法说明：

-标记用来创建定义列表；

-标记用来创建列表中的上层项目，此标记只能在标记中使用。

显示时标记定义的内容将左对齐；

-标记用来创建列表中的下层项目，此标记也只能在标记中使用。

显示时标记定义的内容将相对于标记定义的内容向右缩进。

4.5定义列表l示例代码示例代码报名报名报名时间：

按物价局规