Skip to content
Related Articles

Related Articles

HTML | <map> Tag
  • Last Updated : 27 Aug, 2019

The <map> tag is to define the map-image on user interface which is clickable. The <map> required the <img> tag that helps the relation between the image and map. The <map> element contains a number of <area> elements that define the clickable areas in the image map.

Syntax:

 <map name=""> </map>

Example:




<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML | <map> Tag
    </title>
</head>
  
<body>
    <center>
        <p>Click on Images where the curser 
          clickable.(Top-left corner)</p>
  
        <img src=
             alt="Geeks_logo" 
             usemap="#gfg">
  
        <map name="gfg">
            <area shape="rect"
                  coords="0, 0, 50, 50"
                  alt="gfg"
                  href=
        </map>
    </center>
</body>
  
</html>

Output:
Before:

After:

Supported Browsers: The browsers supported by HTML <map> Tag are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Safari
  • Opera
My Personal Notes arrow_drop_up
Recommended Articles
Page :