Add a hotspot to a picture in HTML

2. <img src="images/index/top1.jpg" width="248" height=" usemap=" "#login" >
4. <map name="Login">
6. <area shape= "circle"  coords= x1,  Y1, r "   href=target= "_blank"  alt=title= ""  />  
8. <area   shape= "rect"     coords= "x1, y1, x2, y2"      Href= "    target=" _blank " alt="    < span class= "attribute" >title= " />      
10. <area shape= "poligon" coords= "x1, y1, x2, y2,......." href= "" target="_blank" alt= "" title="" /> " /c10>
12. </map>

Usemap= # + is consistent with the name of the map

Shape hotspot shapes: Circle Circle

coords coordinate Position: center x axis, center y axis, radius r

Shape hotspot shapes: rect rectangles
coords coordinate Position: upper left x axis coordinate, upper left corner y coordinate, lower right corner x axis coordinate, lower right corner y axis coordinate
Shape hotspot shapes: poligon rectangles
coords coordinate position: The x-coordinate of the first point, the y-coordinate of the first point, the x-axis coordinate of the second point, the y-coordinate of the second point, ...

Add a hotspot to a picture in HTML