HTML <area> tag

Function:

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

Difference between HTML and XHTML:

In HTML the <area> tag has no end tag.

In XHTML the <area> tag must be properly closed.

Example:

<img src=/images/usemap.gif alt="usemap" border="0" 
     usemap="#tutorials"/>
<map name="tutorials">
   <area shape="poly" 
            coords="74,0,113,29,98,72,52,72,38,27"
            href="/perl/index.htm" 
            alt="Perl Tutorial"
            target="_blank" />
   <area shape="rect" 
            coords="22,83,126,125"
            alt="HTML Tutorial"
            href="/html/index.htm" 
            target="_blank" />
   <area shape="circle" 
            coords="73,168,32"
            alt="PHP Tutorial"
	    href="/php/index.htm" 
            target="_blank" />
</map>

This will produce following result:

Online Practice:

To Become more comfortable - Do Online Practice

Attributes:

Attribute	Value	Description
alt	text	Specifies an alternate text for the area
coords	if shape="rect" then coords="left,top,right,bottom" if shape="circ" then coords="centerx,centery,radius" if shape="poly" then coords="x1,y1,x2,y2,..,xn,yn"	Specifies the coordinates appropriate to the shape attribute to define a region of an image for image maps
href	URL	Specifies the URL of a page or the name of the anchor that the link goes to.
nohref	true /false	Excludes an area from the image map
shape	rect rectangle circ circle poly polygon	Specifies the shape of the image map
target	_blank _parent _self _top	Where to open the target URL. _blank - the target URL will open in a new window _self - the target URL will open in the same frame as it was clicked _parent - the target URL will open in the parent frameset _top - the target URL will open in the full body of the window
type	mime_type	Specifies the MIME (Multipurpose Internet Mail Extensions) type of the target URL

Standard Attributes:

Attribute	Description
accesskey	Access keys (or shortcut keys)
class	Document wide identifier
dir	Specifies the direction of the text
id	Document wide identifier
tabindex	Helps determine the tabbing order when the user 'tabs' through the elements on the page.
title	Specifies a title to associate with the element.
style	Helps to include inline casecadubf style sheet.
lang	Sets the language code.

Event Attributes:

Attribute	Description
onfocus	Script runs when the element gets focus
onblur	Script runs when the element loses focus
onclick	Script runs when a mouse click
ondblclick	Script runs when a mouse double-click
onmousedown	Script runs when mouse button is pressed
onmouseup	Script runs when mouse button is released
onmouseover	Script runs when mouse pointer moves over an element
onmousemove	Script runs when mouse pointer moves
onmouseout	Script runs when mouse pointer moves out of an element
onkeypress	Script runs when key is pressed and released
onkeydown	Script runs when key is pressed
onkeyup	Script runs when key is released