<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>图像标记热点区域</title>
</head>
<body>
<div>
<img src="https://image.zhangxinxu.com/image/study/s/s256/mm1.jpg" alt="美女" usemap="#MM" width="256" height="191">
<map id="MM" name="MM">
<area shape="rect" coords="0,0,80,80" href="#rect" alt="矩形">
<area shape="circle" coords="130,60,50" href="#circle" alt="圆形"> //半径。
<area shape="poly" coords="150,100,200,120,180,130,190,180,150,150,100,160,140,120,100,110" href="#poly" alt="多边形">
<area shape="rect" coords="176,112,256,192" href="#rect" alt="矩形">
</map>
</div>
</body>
</html>