HTML area Tag

The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.

The HTML area tag is used for defining an area in an image map.

This tag is used in conjunction with the tag and tag to create an image map.

Example	See below to see a working example.
Attributes:	Attributes specific to this tag: Attribute Description shape Defines a shape for the clickable area. Possible values: default rect circle poly coords Specifies the coordinates of the clickable area. Coordinates are specified as follows: rect: left, top, right, bottom circle: center-x, center-y, radius poly: x1, y1, x2, y2, ... nohref Specifies that the area has no link. Other Attributes: Attribute Description name Assigns a name to the element. usemap Associates an element with an image map. For example, you associate the image with an image map by using this attribute. class Document wide identifier. id Document wide identifier dir Specifies the direction of the text lang Language code style Inline style (CSS). title Specifies a title to associate with the element. alt Alternate text. This specifies text to be used in case the browser/user agent can't render the image. href Specifies the URL of a page or the name of the anchor that the link goes to. target Specifies the target frame to load the page into. tabindex Helps determine the tabbing order (when the user 'tabs' through the elements on the page). accesskey Access keys (or shortcut keys) onfocus Intrinsic event (see event handlers) onblur Intrinsic event (see event handlers) onclick Intrinsic event (see event handlers) ondbclick Intrinsic event (see event handlers) onmousedown Intrinsic event (see event handlers) onmouseup Intrinsic event (see event handlers) onmouseover Intrinsic event (see event handlers) onmousemove Intrinsic event (see event handlers) onmouseout Intrinsic event (see event handlers) onkeypress Intrinsic event (see event handlers) onkeydown Intrinsic event (see event handlers) onkeyup Intrinsic event (see event handlers)
Try it yourself!	<img src ="/pix/mueller_hut/mueller_hut_t.jpg" width="225" height="151" border="0" alt="Mueller Hut, Mount Cook, and I" usemap ="#muellermap" /> <map id ="muellermap" name="muellermap"> <area shape ="rect" coords ="90,80,120,151" href ="javascript:alert('Me');" alt="Me"> <area shape ="poly" coords ="55,55,120,80,90,80,90,100,70,100,20,80,55,55" href ="http://en.wikipedia.org/wiki/Mount_Cook" target="_blank" alt="Mount Cook"> <area shape ="poly" coords ="145,80,145,100,215,90,215,80,180,60,145,80" href ="http://www.natural-environment.com/places/mueller_hut.php" target="_blank" alt="Mueller Hut"> </map>

Also see the HTML 5 version of HTML tags