第3部分超链接的使用.pptVIP

第3章 超链接的使用 3.1 路径的概念 3.2 超链接的建立 3.3 超链接的应用 3.1 路径的概念 相对路径——以当前网页文件所在位置为参考点而建立的目录路径。如果链接到同级目录下的其它文件，则直接输入目标文件名；链接到下一级目录中的文件，则输入：目录名/文件名；链接到上一级目录中的文件，则输入：../[目录名/]文件名 。 绝对路径——以web站点的根目录为参考点的目录路径，在www中以http开头的链接用的都是绝对路径。 当链接到本机上的文件时，建议使用相对路径。如果用绝对路径，会导致程序的可移动性差，需要浪费许多时间去重新编辑文件。 3.2 超链接的建立 在HTML文件中，建立超链接要使用锚标签为a和/a 。a表示链接的开始，/a表示链接的结束。 基本语法格式如下： a href=资源地址 target=窗口名称锚文本/a 属性href定义了链接目标，即文件所在位置；属性target用于指定打开链接的目标窗口，默认是在原窗口打开，如果想让链接文件打开在一个新窗口，可以设置target=_blank。 3.3 超链接的应用 3.3.1 网页内链接 3.3.2 网页间链接 3.3.3 图像链接 3.3.4 邮箱链接 3.3.5 图像映像的应用 3.3.1 网页内链接 如果一个页面很长，寻找相应的内容比较困难，可以通过在同一个文件中建立链接来实现快速定位。在文件开头设置目录，在要链接的目标处设置标记，即可实现单击目录到达相应的目标处，而不需要从头到尾阅读。 其基本语法为： a href=#目标名称 target=窗口名称目录文字/a 在链接的目标处使用下面语法来设置标记(亦称书签或锚) 。 a name=目标名称超链接目标/a 3.3.2 网页间链接 超链接的另一种用法：就是要链接到网上的某些页面。可以使用http协议。 其语法格式： a href=http://网址 target=窗口名称锚文本/a 3.3.3 图像链接 将img标签放在a和/a之间，那么这个图像就代替了锚文本，单击图像就能产生一个超链接。 其语法格式： a href=目标地址 target=窗口名称 img src=值 alt=值 border=值 aligh=值 height=值 width=值 vspace=值 hspace=值 /a 3.3.4 邮箱链接 如果将a标签的href属性值指定为mailto:邮箱地址，就可以链接到相应邮箱并向其发送邮件。 其语法格式： a href=mailto:E-mail地址1?cc=抄送人E-mail地址2subject=邮件主题body=邮件正文描述文字/a 3.3.5 图像映像的应用 图像映像是指在一幅图中定义若干个热区，为每个热区指定一个特定的超链接，单击不同区域，便链接到相应的目标页面。 图像映像在Web上应用非常广泛，如电子地图、页面导航图等。 3.3.5 图像映像的应用 定义图像映像 应用图像映像区域 定义图像映像 使用map标签和area标签共同完成图像映像的定义。 map标签必须成对出现，用其name属性指定映像名称。 area标签用来添加映像区域，是一个单标签，必须出现在map和/map之间，可以有多个。 它们的基本语法格式为： map name=映像名称 area href=目标网页 shape=形状 coords=形状的坐标 …… /map 定义图像映像 area的属性说明 href定义映像区域超链接的目标网页。 shape设置映像区域的形状，可取值为rect(矩形)、circle(圆形)、poly(多边形)、default(整个图像区域)。 coords设置映像区域的边界，取值与shape值有关，shape 取rect时coords=”x1,y1,x2,y2”，表示左上角、右下角坐标； 取circle时coords=”x,y,r”，表示圆点坐标与半径；取poly时coords=”x1,y1,x2,y2,…, xn,yn”，表示多边形的各顶点坐标。 引用图像映像区域 将img标签的usemap属性值指定为map标签的name属性值，并且在name属性值前面加上“#”，从而实现对图像映像区域的引用。 语法格式为： img src=图片名称 usemap=#图像映像名 * * 本节目录 本节目录 本节目录 本节目录 本节目录 本节目录 本节目录 本节目录 本节目录