HTML | usemap Attribute
The HTML usemap attribute is used to specify an image/object as an image map. It is related to a map element’s name or id attribute and creates a relationship between the img and the map.
Supported tags:
Syntax
<element_name usemap="#mapname">
Attribute Values:
- mapname: It is used to hold the map name containing the hash (#) character.
Example:
html
<!DOCTYPE html> < html > < head > < title >HTML img usemap Attribute</ title > < style > body { text-align: center; } h1 { color: green; } </ style > </ head > < body > < h1 >GeeksforGeeks</ h1 > < h2 >HTML < img > usemap Attribute</ h2 > < img src = alt = "" width = "300" height = "119" usemap = "#shapemap" /> < map name = "shapemap" > <!-- area tag contained image. --> < area shape = "poly" coords = "59, 31, 28, 83, 91, 83" href = alt = "Triangle" > < area shape = "circle" coords = "155, 56, 26" href = alt = "Circle" > < area shape = "rect" coords = "224, 30, 276, 82" href = alt = "Square" > </ map > </ body > </ html > |
Output:
Supported Browsers: The browsers supported by HTML usemap Attribute are listed below:
- Google Chrome 1 and above
- Edge 12 and above
- Internet Explorer 5.5 and above
- Firefox 1 and above
- Apple Safari 3 and above
- Opera 12.1 and above
Please Login to comment...