HTML <area> tag

Usage

Defines an area on an image map. Each area can be assigned a link target, turning the image into a clickable set of links.

Note that coordinates are specified in pixels and measured from the top left-hand corner of the image.

Example

Code:

<img src="/images/imagemap.gif" alt="Image map" usemap="#imagemap" />

<map id="imagemap" name="imagemap">
<area shape="rect" coords="64, 18, 222, 135" href="pete.htm" alt="Rectangle" />
<area shape="circle" coords="227, 215, 60" href="circle.htm" alt="Circle" />
<area shape="poly" coords="18,253,113,151,153,284" href="triangle.htm" alt="Triangle" />
</map>

Output:

Image map Rectangle Circle Triangle

Required Attributes

  • alt - alternative text for the area

Optional Attributes

  • href - specifies the target URL of the clickable link
  • nohref - when value is set to true, the area will not link to anything
  • shape - specifies the shape of the area - rect, circ, poly

Core Attributes