HTML coords Attribute
Definition and Usage
The coords attribute specifies the coordinates of an area in an image map.
The coords attribute is used together with the shape attribute to specify the size, shape, and placement of an area.
Tip: The coordinates of the top-left corner of an area are 0,0.
Applies to
The coords attribute can be used on the following element:
| Element | Attribute |
|---|---|
| <area> | coords |
Example
Area Example
An image map, with clickable areas:
<img src ="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Try it Yourself »
Browser Support
| Attribute | |||||
|---|---|---|---|---|---|
| coords | Yes | Yes | Yes | Yes | Yes |
