Html image map

Question

Does anyone knows image map in html it was not included in the course provided by sololearn as well as other attributes of several tags are missing.

Answer 1

I will explain by a example
HTML <map> Tag

❮Reference❯

Example

An image-map, with clickable areas:

<img src="planets.gif"width="145" height="126"alt="Planets"usemap="#planetmap">

<map name="planetmap">
  <area shape="rect"coords="0,0,82,126"href="sun.htm" alt="Sun">
  <area shape="circle"coords="90,58,3"href="mercur.htm"alt="Mercury">
  <area shape="circle"coords="124,58,8"href="venus.htm" alt="Venus">
</map>

Well,The <map> tag is used to define a client-side image-map. An image-map is an image with clickable areas.

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

The <map> element contains a number of <area> elements, that defines the clickable areas in the image map.