Example
Use of the shape and coords attribute in an <a> element, to create an image-map:
<object data=”planets.gif” alt=”Planets” type=”image/gif” usemap=”#Map1″>
<map name=”Map1″>
<a href=”sun.htm” shape=”rect” coords=”0,0,82,126″>The Sun</a>
<a href=”mercur.htm”shape=”circle” coords=”90,58,3″>Mercury</a>
<a href=”venus.htm” shape=”circle” coords=”124,58,8″>Venus</a>
</map>
</object>
Definition and Usage
The <a> shape attribute is not supported in HTML5.
The shape attribute is used together with the coords attribute to specify the size, shape, and placement of a link in an <object> or <img> element.
Tip: To create image-maps that works in all browsers, use the <area> element!
Syntax
<a shape=”value“>
Attribute Values
| Value | Description |
|---|---|
| default | Specifies the entire region |
| rect | Defines a rectangular region |
| circle | Defines a circular region |
| poly | Defines a polygonal region |
