以下是一个简单的例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Image Map Example</title>
</head>
<body>
<img src="example.jpg" usemap="#exampleMap" alt="Example Image Map">
<map name="exampleMap">
<area shape="rect" coords="0,0,50,50" href="link1.html" alt="Link 1">
<area shape="circle" coords="100,100,50" href="link2.html" alt="Link 2">
<area shape="poly" coords="200,0,250,50,200,100" href="link3.html" alt="Link 3">
</map>
</body>
</html>
在这个例子中，<map> 元素的 name 属性被设置为 "exampleMap"，与 usemap 属性中的值相对应。三个 <area> 元素分别定义了一个矩形、一个圆形和一个多边形的可点击区域，每个区域关联到不同的链接。
转载请注明出处：http://www.zyzy.cn/article/detail/3986/HTML