<AREA> Tag & its Attribute
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
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.