HTML | object usemap Attribute
Last Updated :
19 Jul, 2022
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 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
Share your thoughts in the comments
Please Login to comment...