单图多向超级连接中的客户端图像连接
可以直接将要连接的URL及在图片上的对应区域的坐标写在HTML文件中。浏览器在读入HTML文件后,可自行对照图片上的区域及其连接的URL
标记格式为: <map name="图像地图的名称"> <area shape="图片块形状1" coords="坐标1" href="URL1"> <area shape="图片块形状2" coords="坐标2" href="URL2"> …… </map>
<img src="图片地址" usemap="#图像地图的名称">
<map>为图像地图的起始标记,说明一下至</map>标记均属于图像地图部分,并且在name属性上给这个图像地图起一个名字,以便利用这个名字找其中个个区域及对应的URL 在<area>标记中,shape指明区域的形状。如rect矩形,circle圆形,poly 多边形。coords指明各个区域坐标,表示方式随shape值而有所不同,说明如下: 1)Shapes="recet" coords="x1,y1,x2,y2"x1y1代表矩形左上角的(x,y)坐标,x2y代表矩形右下角的(x,y)坐标。 2)shape="circle" coords="x1,y1,r"其中x1y1代表圆心坐标。r为园的半径 3)shape="poly" coords="x1,y1,x2,y2,……其中Xn,Yn代表多边形的各项点坐标。 <ares>标记中的href属性为希望图片块指向的url
在定义了图像地图后,便可以利用<img>标记来使用它,其中必须加上usemap属性,其值为#号加上图像地图的名字,即插入一个src属性指定的图片,并加上usemap中说明的区域坐标及对应的URL。若在图像地图中说明的区域大于图片大小,则超级连接只会在图片之内作出反应。一般来说,客户端图像地图可以由”所见即所得“的工具,比如FRONTPAGE 或DREAMWAVER来实现 |