How to specify an image as a client-side image-map in HTML?


Use the usemap attribute to specify an image as a client-side image-map in HTML. You can try to run the following code to implement usemap attribute −

Example

<!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>

Updated on: 03-Mar-2020

448 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements