欢迎光临
我们一直在努力

从HTML语言到网上家园 第三章 超文本链接(5)-网页设计,HTML/CSS

建站超值云服务器,限时71元/月

  3.5 图象地图

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

  〈map name= 地图名称 〉

  〈area href=url shape= 区域形状名称 coords= 坐标值 〉

  ……

  〈area href=url shape= 区域形状名称 coords= 坐标值 〉

  〈/map〉

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

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

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

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

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

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

  例:

  〈map name= “fpmap0” 〉
  〈area href= “http://www.sina.com.cn” shape= “rectangle” coords= “8, 13,196, 166” 〉
  〈area href= “http://www.163.com” shape= “circ” coords= “438, 111, 75” 〉
  〈area href= “http://www.263.net” shape= “polygon” coords= “128, 272,320, 171, 408, 344” 〉
  〈/map〉
  〈img border= “0” src= “images/11.bmp” usemap= “#fpmap0” width= “551”
height= “415” 〉

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 从HTML语言到网上家园 第三章 超文本链接(5)-网页设计,HTML/CSS
分享到: 更多 (0)