网络基础模拟题综合单元6_任务3.pptx

任务3建立列表和超链接单元6设计制作网页

任务3建立列表和超链接任务背景知识准备任务实施知识拓展任务拓展讨论与学习巩固与提高习题

熟悉了那些基本的HTML标记后，小明觉得收获很大，他现在已经能设计一个简单的网页了。但是如何罗列公司经营的产品呢？又如何把各个产品用不同的页面详细展示呢？经查HTML字典，他发现使用列表标记和超链接标记可以实现这个功能。

任务3建立列表和超链接任务背景知识准备任务实施知识拓展任务拓展讨论与学习巩固与提高习题

建立列表列表嵌套建立超链接超链接分类及应用知识准备

建立列表常用的列表有：无序列表、有序列表和定义列表。列表以条目的形式罗列内容使页面显得整齐而有序无序列表（符号列表）有序列表（编号列表）定义列表（描述列表）

Web216安全色无序列表语法结构ulli列表项一/lili列表项二/lili列表项三/li……/ul无序列表：各列表项没有先后顺序之分、以并列关系呈现，在每个列表项前用符号作为分项标识，因此也称符号列表。

Web216安全色无序列表的符号类型（设置type属性）列表项符号为实心圆“●”type=”disc”（默认）列表项符号为方块“■”type=”square”列表项符号为空心圆“○”type=”circle”类型列表项符号示例disc实心圆：●ultype=disccircle空心圆：○ultype=circlesquare实心方块：■ultype=square无序列表的符号类型

Web216安全色有序列表语法结构olli列表项一/lili列表项二/lili列表项三/li……/ol有序列表：各列表项指有严格的先后顺序，在每个列表项前使用编号来进行排列，因此也称编号列表。

Web216安全色有序列表的编号类型（设置type属性）102列表项编号为阿拉数字type=”1”（默认）列表项编号为大写英文字母type=”A”列表项编号为小写英文字母type=”a”列表项编号为小写罗马数字type=”i”列表项编号为大写罗马数字type=”I”类型列表项编号示例1阿拉伯数字：1,2,3,4,5……oltype=1a小写英文字母：a,b,c,d,e……oltype=aA大写英文字母：A,B,C,D,E……oltype=aⅰ小写罗马数字：ⅰ,ⅱ,ⅲ,ⅳ,ⅴ……oltype=iⅠ大写罗马数字：Ⅰ,Ⅱ,Ⅲ,Ⅳ,Ⅴ……oltype=i有序列表的编号类型

Web216安全色有序列表的起始值（设置start属性）?????默认情况下，有序列表项编号从第一个值开始编号，使用start属性可以更改列表项编号的起始值。start属性值只能设置为数字。例如：oltype=”A”start=”5”.../ol

Web216安全色定义列表语法结构dldt名词1/dtdd解释1/dddt名词2/dtdd解释2/dd……/dl定义列表：通常用于解释名词或定义概念上。其列表项包含两个部分：一部分是要解释的名词，另一部分是具体的解释，因此也称描述列表。

Web216安全色列表嵌套列表嵌套原则上不超过三层在一个列表项目中嵌套一个完整的列表

建立超链接超链一个网页指向一个目标的链接关系由链接源和链接目标两部分组成链接源：常常为文本或图片链接目标：网页、网页上的不同位置、图像、电子邮件地址、文件、应用程序

建立超链接1.建立超链接语法：ahref=链接目标URL地址链接源/a注意：href属性是必不可少的2.超链接目标窗口打开方式语法：ahref=链接目标URL地址target=目标窗口打开方式链接源/atarget值目标窗口打开方式示例_self在当前窗口中打开（默认值）ahref=list1.htmltarget=_self_blank新建一个浏览器窗口打开ahref=list1.htmltarget=_blank_parent在父框架页或窗口中打开ahref=list1.htmltarget=_parent_top在去除了框架的窗口中打开ahref=list1.htmltarget=_top框架名在指定的框架中打开ahref=list1.htmltarget=name

链接路径链接路径绝对路径相对路径绝对路径：也称为绝对URL，是指目录下的绝对位置，它是一个完整描述文件位置的路径,能表示文件或目录在硬盘上存放的真正位置。相对路径：指目标文件相对于当前文件的位置，也就是从当前文件开始直到目标文件的路径。

绝对路径服务URL格式含义WWWhttp://地址访问万维网站点FTPftp://地址访