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