Sunday, 23.04.2017, 10:58
Welcome Guest
All Html Tags

Articles for Webmaster
:: Proffesional Website Builders
:: Div Tag in Html Examples
:: Notepad As a Free Html Editor
:: What makes eCommerce websites lucrative

area Tag in Html

A region of a client-side image map. Used in conjunction with map to map links to certain regions of an image.

area Tag Attributes

alt - is used to specify the alternative text of the area, which should be a short description.
shape - can be used to specify the shape of the area. The value can be rect (rectangular), circle (circular), poly (polygonal) or default.
coords - can be used to specify the pixel coordinates of the area. For rectangular shapes, this is a comma-separated list of four values for left, top, right and bottom (eg. coords="0,0,50,50"). For circular shapes this is a comma-separated list of three values for left, top and radius (eg. coords="50,50,25"). For polygonal shapes, this is a comma-separated list containing an even number of values, specifying the left and top of each point of the shape (eg. coords="0,0,25,25,50,25,50,100").
href - can be used to specify the target of the area link.
nohref - can be used to specify that the area is not a link. It must be used in the format nohref="nohref".
accesskey - can be used to associate a keyboard shortcut to the area.
tabindex - can be used to specify where the area appears in the tab order of the page.

Browser Support



<img src ="planets.gif" width="145" height="126" alt="Planets" usemap ="#planetmap" />

<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" />
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" />
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" />

HtmlCodeExamples.Com © 2017