HTML | object usemap Attribute
The HTML usemap attribute is used to specify the name of an image-map to use with the object. The image with some clickable areas is called image-map.
The usemap attribute is related to associate degree element’s name attribute and creates a relationship between the thing and also the map.
Syntax:
<object usemap="#mapname">
Attribute Values:
#mapname: A hash with map element’s name to use.
Example:
html
<!DOCTYPE html> < html > < head > < title >HTML object usemap Attribute</ title > < style > body { text-align: center; } h1 { color: green; } </ style > </ head > < body > < h1 >GeeksforGeeks</ h1 > < h2 >HTML < img > usemap Attribute</ h2 > < object 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 object usemap Attribute are listed below:
- Google Chrome
- Edge 12
- Internet Explorer
- Firefox 1
- Opera
- Safari
Please Login to comment...