Skip to content
Related Articles

Related Articles

HTML | <map> name Attribute
  • Last Updated : 16 Jul, 2019

The HTML <map> name Attribute is used to specify the name of the mapping image, This attribute is associated with the <img> usemap attribute and created the relationship between the image and the map.

Syntax:

<map name="mapname">

Attribute Values:

  • name: it specify the name of the image map.

Example:




<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML name Attribute
    </title>
</head>
  
<body style="text-align:center;">
  
    <h1>GeeksForGeeks</h1>
    <h2>HTML map name Attribute</h2> `
    <map id="Geeks" name="Geeks">
  
        <area shape="rect"
              coords="0, 0, 110, 100"
              alt="Geeks" 
              href=
  
        <area shape="rect" 
              coords="110, 0, 190, 100" 
              alt="For" 
              href=
  
        <area shape="rect"
              coords="190, 0, 300, 100"
              alt="GEEKS"
              href=
    </map>
  
    <img src=
         width="300" 
         height="100" 
         alt="GFG" 
         usemap="#Geeks">
  
</body>
  
</html>

Output:
Before:

After:

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

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Apple Safari
  • Opera

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :