HTML a shape Attribute
HTML <a> tag
Example
Use of the shape and coords attribute in a link, to create an image map:
<object data="planets.gif" alt="Planets"
type="image/gif" usemap="#Map1">
<map name="Map1" id="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>
|
Try it yourself!
|
Definition and Usage
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.
Note: The shape attribute of the a element is not
supported by Internet Explorer, Chrome or Safari.
Tip: To create image maps that works in all browsers, look at the
area element!
Syntax
Syntax Example
Attribute Values
Value |
Description |
default |
Specifies the entire region |
rect |
Defines a rectangular region |
circle |
Defines a circular region |
poly |
Defines a polygonal region |
Browser Support
The shape attribute is only supported by Firefox and Opera, and should be avoided.
HTML <a> tag
|
|
|