[HTML5] 6. ImageMap

 6. ImageMap

6_1. <map>

- Use the <map> to define an image-map

- The name attribute of the <map> tag is associated with the <img>'s usemap attribute and creates a relationship between the image and the map

<img src="planets.gif" alt="Planets" usemap="#planetmap" style="width:145px;height:126px;"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm"> <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm"> <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm"> </map>