HTML - <Area> (Image Map Area)
<Area> is an element used within the content model of the <MAP> element to implement client-side image maps. It defines a hot-spot region on the map and associates it with a hypertext link.
Syntax
<area
accesskey="character"
alt="alternative text"
class="class name"
coords="comma-separate list of values"
href="Url"
ID="Unique alphanumeric identifier"
nohref
shape="circle | default | poly | rect"
style="style information"
tabindex="number"
target="_blank | _parent | _self | _top | frame-name"
title="advisory text"
onblur="script"
onclick="script"
ondblclick="script"
onfocus="script"
onkeydown="script"
onkeypress="script"
onkeyup="script"
onmousedown="script"
onmousemove="script"
onmouseout="script"
onmouseover="script"
onmouseup="script">
Attributes
| ACCESSKEY | This attribute specifies a keyboard navigation accelerator for the element. Pressing ALT or a similar key in association with the specified character selects the form control correlated with that key sequence. |
| ALT | This attribute contains a text string alternative to display on browsers than cannot display images. |
| CLASS | This attribute is set to indicate the class or classes that a particular element belongs to. A class name is used by a style sheet to associate style rules to multiple elements at once. |
| COORDS | For use with object shapes, this attribute uses a comma-separated list of numbers to define the coordinates of the object on the page. |
| HREF | This attribute specifies the hyperlink target for the area. Its value is a valid URL. Either this attribute or the NOHREF attribute must be present in the element. |
| ID | This attribute specifies a unique alphanumeric identifier to be associated with an element. Naming an element is important to being able to access it with a style sheet, a link, or a scripting language. Names should be unique to a document and should be meaningful. |
| NOHREF | This attribute indicates that no hyperlink exists for the associated area. Either this attribute or the HREF attribute must be present in the element. |
| SHAPE | This attribute defines the shape of the associated hot spot. HTML 4 defines the values RECT, which defines a rectangular region; CIRCLE, which defines a circular region; POLY, which defines a polygon; and DEFAULT, which indicates the entire region beyond any defined shapes. |
| STYLE | This attribute specifies an inline style associated with the element. The style information is used to determine the rendering of the affected element. |
| TABINDEX | This attribute represents a numeric value specifying the position of the defined area in the browser tabbing order. |
| TARGET | This attribute specifies the target window for a hypertext source link referencing frames. The information linked to will be displayed in the named window. Frames must be named to be targeted. There are special name values, including _blank, which indicates a new window; _parent, which indicates the parent frame set containing the source link; _self, which indicates the frame containing the source link; and _top, which indicates the full browser window. |
| TITLE | This attribute supplies advisory text for the element that may be rendered as a tool tip when the mouse is over the element. A title may also simply provide information that alerts future document maintainers to the meaning of the element and its enclosed content. |
Event Handlers
| onblur | Occurs when an element loses focus, meaning that the user has moved focus to another element, typically either by clicking the mouse on it or tabbing to it. |
| onclick | Indicates that the element has been clicked. |
| ondblclick | Indicates that the element has been double-clicked. |
| onfocus | The focus event describes when an element has received focus, namely, it has been selected for manipulation or data entry. |
| onkeydown | Indicates that a key is being pressed down with focus on the element. |
| onkeypress | Describes the event of a key being pressed and released with focus on the element. |
| onkeyup | Indicates that s key is being released with focus on the element. |
| onmousedown | Indicates the press of a mouse button with focus on the element. |
| onmousemove | Indicates that the mouse has moved while over the element. |
| onmouseout | Indicates that the mouse has moved away from an element. |
| onmouseover | Indicates that the mouse has moved over an element. |
| onmouseup | Indicates the release of a mouse button with focus on the element. |
Examples
<map name="primary">
<area shape="circle" coords="200,250,25" href="another.htm">
<area shape = "default" nohref>
</map>