HTML Tag <AREA>

<AREA> Defines an area within a client-side image map definition (see the <MAP> tag). It indicates an area where visitors can choose to link to another document.

Attribute of <AREA> Tag

• ALT
• CLASS
• COORDS
• HREF
• ID
• NOHREF
• NOTAB
• SHAPE
• STYLE
• TABINDEX
• TARGET
• TITLE

ALT

Provides a textual description for visitors who have text-only browsers.

<AREA ALT="This blue rectangle links to
blue.html" HREF="blue.html">

Possible Values

Any Text Message.

CLASS

Indicates the style class you want to apply to the <AREA> element.

<AREA CLASS="casual" SHAPE="RECT"
COORDS="20,8,46,30" HREF="food.html">

Possible Values

Any Class name that you define.

COORDS

Identifies the coordinates within an image map that define the image map area. Measure coordinates, in pixels, from the top left corner of the image.

<AREA SHAPE="RECT" COORDS="20,8,46,30"
HREF="login.html">

Possible Values

Any Integer Number.

HREF

Identifies the location of the document you want to load when the indicated image map area is selected.

<AREA SHAPE="RECT" COORDS="20,8,46,30"
HREF="login.html">

Possible Values

URL

ID

Assigns a unique ID selector to an instance of the <AREA> tag. When you then assign a style to that ID selector, it affects this instance of the <AREA> tag.

<AREA ID="add">

Possible Values

Any id name that you define.

NOHREF

Defines an image map area that does not link to another document.

<AREA SHAPE="RECT" COORDS="20,8,46,30"
NOHREF>

Possible Values

Only NOHREF

NOTAB

Excludes the image map area from the tab order.

<AREA SHAPE="RECT" COORDS="20,8,46,30"
HREF="food.html" NOTAB>

Possible Values

Only NOTAB

SHAPE

Specifies the type of shape used to represent the image map area. SHAPE=RECT indicates that the shape of the image map area is rectangular. SHAPE=CIRCLE specifies that the shape of the image map area is a circle. SHAPE=POLY indicates that the shape of the image map area is a polygon represented by three or more points

<AREA SHAPE="RECT" COORDS="20,8,46,30"
HREF="food.html">

Possible Values

RECT
CIRCLE
POLY

STYLE

Specifies Style Sheet commands that apply to the image map area.

<AREA SHAPE="RECT" COORDS="20,8,46,30"
HREF="food.html" STYLE="background: red">

Possible Values

RECT
CIRCLE
POLY

TABINDEX

Indicates where the image map area appears in the tabbing order of the document.

<AREA SHAPE="RECT" COORDS=
"20,8,46,30"
HREF="home.html" TABINDEX=4>

Possible Values

Any Integer Value.

TARGET

Identifies which named frame the linked document selected should load. For example, when visitors select an area within an image map, the linked document may load in the same frame or in a different frame, specified by TARGET=". . "

<AREA SHAPE="RECT" COORDS="20,8,46,30"
HREF="food.html" TARGET="leftframe">

Possible Values

URL

TITLE

Specifies text assigned to the tag. You might use this attribute for context-sensitive help within the document. Browsers may use this to show tool tips over the image map area.

<AREA SHAPE="RECT" COORDS="20,8,46,30"
HREF="login.html" Title="Login">

Possible Values

Any Text message.