资源预览内容
第1页 / 共16页
第2页 / 共16页
第3页 / 共16页
第4页 / 共16页
第5页 / 共16页
第6页 / 共16页
第7页 / 共16页
第8页 / 共16页
第9页 / 共16页
第10页 / 共16页
亲,该文档总共16页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
结合实例谈链接指针的 应用,2004年9月29日,2019/1/21,内 容,超文本链接指针的应用 1、统一资源定位器URL 2、指向一个目标 3、标记一个目标 4、目标窗口 5、图像链接指针 6、图像地图(image map),2019/1/21,前 言,超文本链接指针是html最吸引人的优点之一。使用超文本链接指针可以使顺序存放的文件具有一定程度上随机访问的能力,更加符合人的思维方式。 一个超文本链接指针由两部分组成: 一部分是被指向的目标,它可以是同一文件的另一部分,也可以是世界另一端的一个文件,还可以是动画或音乐; 另一部分是指向目标的链接指针。,2019/1/21,1、统一资源定位器URL 统一资源定位器URL (Uiform Resource Locator)是文件名的扩展。 它的构成为: protocol: / machine.name:port/directory/filename 举例。,2019/1/21,2、指向一个目标,在html文件中可用链接指针指向一个目标。其基本格式为:字符串 href属性中的url是被指向的目标,随后的“字符串”在html文件中充当指针的角色,它一般显示为蓝色,也可以定义成其它颜色。当用户用鼠标点击这个字符串时,浏览器就会将url处的资源显示在屏幕上。 编写html文件时,对有可能确定关系的一组资源(比如在同一个目录中)应采用相对url, 这不仅可以简化html文件,而且便于维护。,2019/1/21,3、 标记一个目标,链接指针元素可以标识同一文件的不同部分,实现同一文件的不同部分之间的跳转。 标识一个目标的方法为: text name属性将放置该标记的地方标记为“name”,name是一个全文唯一的标记串,text部分可有可无。这样,就把放置标记的地方做了一个叫做“name”的标记。,2019/1/21,做好标记后,可以用下列方法来指向它: text url是放置标记的html文件的url name是标记名。对于同一个文件,可以写为: text 这时就可以点取text跳转到标记名为name的部分了。,3、 标记一个目标,2019/1/21,4、目标窗口,如果希望被指向的目标在一个新的窗口中显示,可以使用target属性来修饰链接指针元素。如: text 可将url代表的资源显示在一个新的窗口中, 该窗口的名字叫window-name,它可以是本窗口(_self)、父窗口(_parent)、新窗口(_blank)及整个浏览器窗口(_top)。,2019/1/21,5、图像链接指针,图像也可以做为链接指针。格式为: 可以看出,上例中用取代了链接指针中text的位置。是图像元素,它表明显示url代表的图像文件。 下面是一个简单的图像链接指针。 中国教育和科研计算机网,2019/1/21,6、图像地图(image map),上面介绍的图像链接指针每幅图只能指向一个地点,而图像地图可以把图像分成多个区域,每个区域指向不同的地点。这样,就可以用图像地图编写出很漂亮的html文件。 图像地图不仅需要在html文件中说明,它还需要一个后缀为.map的文件,用来说明图像分区及其指向的url的信息。在.map文件中说明分区信息的格式如下: rect url 左上角坐标,右下角坐标 poly url 各顶点坐标 circle url 直径两端点坐标 default url,2019/1/21,rect指定一个矩形区域,该区域的位置由左上角坐标和右下角坐标说明。poly指定一多边形区域,该区域的位置由各顶点坐标说明。circle 指定一圆形区域,该区域的位置由垂直通过圆心的直径与该圆的交点坐标说明。default 指定图像地图其它部分的url。 下面是一个完整的说明文件: default:http:/www.edu.cn rect:http:/www.ibm.com 140,20 280,60 poly:http:/www.microsoft.com 180,80 200,140 circle:http:/www.yahoo.com 80,140 80,100,2019/1/21,图像地图需要一个特殊的处理程序imagemap。imagemap放在/cgi-bin 中。在html 文件中引用图像地图的格式为: 略。 简化的方式来表示,这就是客户端图像地图。用户端地图可以将图像地图的说明文件写在html文件中,而且不需要另外的程序来处理。这就使html作者可以用同别的元素相一致的写法来写图像地图。,2019/1/21,用户端图像地图的格式为: src=“url“ 用于指定用作图像地图的图像。 usemap属性指明这是客户端图像地图。 其中的“#mymap”是图像文件说明部分的标记名,浏览器寻找名字为mymap的元素并从中得到图像地图的分区信息。客户端图像地图的分区信息用元素说明,name属性命名元素。,2019/1/21,图像地图的各个区域用说明,形状可以是: rect矩形,用左上角,右下角的坐标表示,各个坐标值之间用逗号分开;poly多边形,用各顶点的坐标值表示;circle圆形,用圆心及半径表示,前两个参数分别为圆心的横、纵坐标,第三个参数为半径。 href=“url“,表示该区域所指向的资源的url,也可以是nohref,表示在该区域鼠标点取无效。 客户端图像地图各个区域可以重叠,重叠区以先说明的条目为准 。,2019/1/21,例子 整体示例.,2019/1/21,The End Thank you!,
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号