本文介绍了HTML中的`<map>`标签如何用于创建图像映射，允许您为图片的不同区域指定超链接。`coords`属性根据形状（矩形、圆形或多边形）定义了各个链接的坐标。例如，对于矩形，它表示左上和右下坐标；对于圆形，是中心点坐标和半径；对于多边形，是一系列顶点坐标。这种技术增强了网页交互性，使图像的各个部分能够导航到不同的页面。
在Html中，给图像使用map标签，可以给图像的某个部分建立超连接，用法如下：
注:所有的最标都是相对于图片左上角的
其中，坐标coords对各个shape的解释如下：
shape="rect" coords="x1,y1,x2,y2" // (x1,y1)=Upper Left, (x2,y2)=Lower Right
即，当shape是矩形时，coords表示矩形左上及右下(x2, y2)的坐标
shape="circle" coords="x,y,r" // (x,y)=Center, r=Radius
即，当shape是圆形时，coords表示圆中心点坐标(x, y)及半径
shape="poly" coords="x1,y1,x2,y2,x3,y3..." // (x1,y1>=First Corner, (x2,y2)=Second Corner, ...
即，当shape是poly多边形时，coords表示多边形所有顶点的坐标(x1,y1),(x2,y2),(x3,y3)...
注意：以上所有坐标都是相对于图形img.gif左上脚坐标而言的
以下是一个例子:
扫一扫
297
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
