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: 2020-03-03T12:26:12+05:30

589 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements