How do we create an image map in HTML?

To add an image map, use the <map> tag in HTML. The HTML <map> tag is used for defining an image map along with <img> tag.

The following is the attribute −

Attribute	Value	Description
name	unique_name	Defines a unique name for the map tag

Example

You can try to run the following code to learn how to create an image map in HTML −

<!DOCTYPE html>
<html>
   <head>
      <title>HTML map Tag</title>
   </head>
   <body>
      <img src = "/images/html.gif" alt = "HTML Map" border = "0" usemap = "#html"/>
      <!-- Create Mappings -->
      <map name = "html">
         <area shape = "circle" coords = "154,150,59" href = "about/about_team.htm"
         alt = "Team" target = "_self" />
      </map>
   </body>
</html>