Tutorials References Exercises Bootcamps Videos Menu
Sign Up Create Website Get Certified Upgrade

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


Area Example

An image map, with clickable areas:

<img src ="planets.gif" width="145" height="126" alt="Planets"

<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">
Try it Yourself »

Browser Support

coords Yes Yes Yes Yes Yes