当前位置:编程学习 > html/css >>

从HTML语言到网上家园 第三章 超文本链接(5)

答案:

  3.5 图象地图

  在本章的开始部分我已经介绍了如何把整幅图像作为链接指针建立超级链接的方法,接下来我们将告诉大家如何在一幅图像上建立多个超级链接。一幅比较大的图片就像一片广阔的土地,我们可以把它划分成多个区域,为每个不同的区域创建不同的联接指针。图像地图的基本格式为:

  〈map name= 地图名称 〉

  〈area href=>

  ……

  〈area href=>

  〈/map〉

  〈img src= 图像 usemap= 地图名称 〉

  其中 〈map〉 定义了一个区域地图, name 属性规定了所创建图像地图的名称。 〈area〉 标记的作用是在客户方图像地图中规定超链接区域的形状, href 属性规定了链接的目标地址, shape 属性规定了图像地图中使用的形状类型, coords 属性规定了链接区域的坐标。 shape 属性值有以下几种:

  circ , circle 圆形,坐标值取园点坐标和半径长度,

  poly , polygon 多边形,坐标值取多边形各顶点的坐标

  rect , rectange 矩形,坐标值取左上角和右下角坐标

  〈img〉 标记指定了作为图像的特性, usemap 属性确定了与图片相关链的区域地图。

  例:

  〈map name= "FPMap0" 〉
  〈area href=>  〈area href=>  〈area href=>  〈/map〉
  〈img border= "0" src= "images/11.bmp" usemap= "#FPMap0" width= "551" height= "415" 〉

上一个:从HTML语言到网上家园 第四章 页面风格设计(1)
下一个:从HTML语言到网上家园 第三章 超文本链接(4)

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,