• Skip to primary navigation
  • Skip to main content

Tech Honey

The #1 Website for Oracle PL/SQL, OA Framework and HTML

  • Home
  • HTML
    • Tags in HTML
    • HTML Attributes
  • OA Framework
    • Item in OAF
    • Regions in OAF
    • General OAF Topics
  • Oracle
    • statement
    • function
    • clause
    • plsql
    • sql
You are here: Home / HTML / Tags / Attributes / HTML Anchor Tag Coords Attribute

HTML Anchor Tag Coords Attribute

August 15, 2013 by techhoneyadmin

HTML Anchor Tag Coords AttributeThe HTML Anchor Tag Coords Attribute is used with the HTML Anchor Tag Shape Attribute to define or specify the shape, size and the location or placement of the link in an <object> or <img> element.

By default, the top left corner coordinates are taken as 0,0.


Syntax of HTML Anchor Tag Coords Attribute

< a coords=”value”>

HTML Anchor Tag Coords Attribute Values

Coords Attribute Value Description of Value
x1,y1,x2,y2 If the shape attribute in the anchor tag is set to “rect” then these coordinates define the top  left and the bottom right corner of the rectangle.
x,y,radius If the shape in the anchor tag is set to “circle” then these coordinates specify the center of the circle and the radius of the circle.
x1,y1,x2,y2, … x(n),y(n) If the shape attribute in the anchor tag is set to “poly” then these coordinates specify the edges of the polygon.

HTML Anchor Tag Coords Attribute Example

HTML Anchor Tag Coords Attribute Code Output
<p>Click on the shapes to watch them:</p>
<img src=" HTMLAreaTagEx.gif"
alt="Shapes" usemap="#shapemap"
width="145" height="126">
<map name="shapemap">
<a shape="circle" coords="25,30,12"
href="Circle.jpg" target=_blank>
<a shape="rect" coords="62,30,82,40"
href="triangle.jpg" target=_blank >
<a shape="circle" coords="115,35,10"
href="star.jpg" target=_blank >
</map>
Click on the shapes to watch them:
Shapes







In the above Anchor Tag Coords Attribute example, notice the usage of Coords attribute to define the coordinates of link locations.


HTML Anchor Tag Coords Attribute Supporting Browsers

S. No. Browser Supported(Yes/No)
1 Internet Explorer No
2 Firefox Yes
3 Google Chrome No
4 Opera Yes
5 Safari No

Also the coords attribute is not supported in HTML 5.


Filed Under: Attributes Tagged With: How to use coords attribute of html anchor tag, HTML anchor tag coords attribute, HTMLanchorTagCoordsAttribute, Syntax and example of html coords attribute

Copyright © 2023 · Parallax Pro on Genesis Framework · WordPress · Log in