6、HTML图片映射

HTML图片映射

< map > 标签 与 < area > 标签

< img > 与 < map > 建立关系

利用< map > 的 name属性 和 < img > 的 usemap属性

name属性填入名称，usemap属性用 #+名称 调用

< area > 标签的href属性

< area > 标签的shape属性——形状，有三种属性值：circle（圆形）rect（矩形）poly（多边形）

< area > 标签的coords属性——区域的坐标点

circle（圆形区域）的坐标点——填两种（共计3项）属性值：coords=“中心坐标，圆的半径”

如图：

233,456是圆心的横纵坐标；50是圆的半径

效果：

其他区域：

圆形区域：

rect（矩形区域）的坐标点——填两种（共计4项）属性值：coords=“左上角点的坐标，右下角点的坐标”

如图：

314,446是左上角点的横纵坐标；431,523是右下角点的横纵坐标

效果：

其他区域：

矩形区域：

poly（多边形区域）的坐标点——填每个顶点的坐标。属性值：coords=“顶点1坐标，顶点2坐标，顶点3坐标，顶点4坐标，…，…，…”

图片：略

效果：略

< area > 标签的target属性