HTML 4 area Tag
Also see HTML5 <area> Tag.
This page is for the HTML 4 version of this element. For a more up to date version, see HTML5 <area> Tag.
The HTML area tag is used for defining an area in an image map.
This tag is used in conjunction with the <map> tag and <img> tag to create an image map.
Example
See below for a working example.
Attributes
| Attributes specific to this tag: | |
|---|---|
| Attribute | Description |
| shape | Defines a shape for the clickable area. Possible values:
|
| coords | Specifies the coordinates of the clickable area. Coordinates are specified as follows:
|
| 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!
Modify the code below, then click Update. See below for attributes.
HTML5 Tags
The information on this page is based on HTML version 4.01. Most modern browsers now support HTML5.
See HTML5 <area> Tag for the HTML5 version of the above element.
See this list of HTML tags for the latest list of HTML elements.