Sun"> Sun" />
Easy Tutorial
❮ Att Video Loop Html Layout ❯

HTML <area> shape Attribute

HTML <area> Tag

Example

An image map with clickable areas:

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<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">
</map>

Browser Support

All major browsers support the shape attribute.


Definition and Usage

The shape attribute specifies the shape of the area.

The shape attribute works with the coords attribute to specify the size, shape, and placement of the area.


Differences Between HTML 4.01 and HTML5

NONE.


Syntax

Attribute Values

Value Description
default Specifies the entire area.
rect Defines a rectangular area.
circle Defines a circular area.
poly Defines a polygonal area.

HTML <area> Tag

❮ Att Video Loop Html Layout ❯