结合实例谈链接指针和WEB用户控.ppt

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