HTML coords Attribute (original) (raw)

Last Updated : 12 Jul, 2025

The **HTML coords Attribute is used to _specify the coordinate of an area in an image-map. It is used with shape attribute to specify the size, shape, and placement of an area. (0, 0) is the coordinate of the top-left corner.
**Syntax:

**Supported Tags:

******

**Attribute Values:

**x1, y1, x2, y2: It specifies the coordinate of top-left (x1, y1) and bottom-right (x2, y2) corner of the rectangle.
**x, y, radius: It specifies the center coordinates (x, y) and radius (radius) of circle.
**x1, y1, x2, y2, .., xn, yn: It specifies the coordinates of polygon. If the first and last coordinate pairs are not the same, the browser will add the last coordinate pair to close the polygon.

**Example: In this example the and elements to create clickable regions on an image. Each region links to different URLs and is defined by shapes and coordinates.

html `

HTML coords Attribute

GeeksForGeeks

HTML Coords Attribute

<map name="shapemap">

    <!-- area tag contained image. -->
    <area shape="poly" 
          coords="59, 31, 28, 83, 91, 83" 
          href=

"https://media.geeksforgeeks.org/wp-content/uploads/20190227165802/area2.png" alt="Triangle">

    <area shape="circle" 
          coords="155, 56, 26" 
          href=

"https://media.geeksforgeeks.org/wp-content/uploads/20190227165934/area3.png" alt="Circle">

    <area shape="rect" 
          coords="224, 30, 276, 82" 
          href=

"https://media.geeksforgeeks.org/wp-content/uploads/20190227170021/area4.png" alt="Square">

**Output:

Control

HTML coords Attribute Example Output

**Supported Browsers: The browsers supported by **HTML coords Attribute are listed below: