Quackit Logo
HTML
CSS
Scripting
Database
Hosting
Design
XML

HTML area Tag

The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.

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

This tag is used in conjunction with the <map> tag and <img> tag to create an image map.

Example
<img src ="/pix/mueller_hut/mueller_hut_t.jpg"
width="225" height="151" border="0"
alt="Mueller Hut, Mount Cook, and I"
usemap ="#muellermap" />

<map id ="muellermap" name="muellermap">
  <area shape ="rect" coords ="90,80,120,151"
  href ="http://www.natural-environment.com/places/mueller_hut.php" 
  target="_blank" 
  alt="Mueller Hut" />
</map>

See below to see a working example.

Attributes:
Attributes specific to this tag:
AttributeDescription
shapeDefines a shape for the clickable area. Possible values:
  • default
  • rect
  • circle
  • poly
coordsSpecifies the coordinates of the clickable area. Coordinates are specified as follows:
  • rect: left, top, right, bottom
  • circle: center-x, center-y, radius
  • poly: x1, y1, x2, y2, ...
nohrefSpecifies that the area has no link.
Other Attributes:
AttributeDescription
nameAssigns a name to the element.
usemapAssociates an element with an image map. For example, you associate the image with an image map by using this attribute.
classDocument wide identifier.
idDocument wide identifier
dirSpecifies the direction of the text
langLanguage code
styleInline style (CSS).
titleSpecifies a title to associate with the element.
altAlternate text. This specifies text to be used in case the browser/user agent can't render the image.
hrefSpecifies the URL of a page or the name of the anchor that the link goes to.
targetSpecifies the target frame to load the page into.
tabindexHelps determine the tabbing order (when the user 'tabs' through the elements on the page).
accesskeyAccess keys (or shortcut keys)
onfocusIntrinsic event (see event handlers)
onblurIntrinsic event (see event handlers)
onclickIntrinsic event (see event handlers)
ondbclickIntrinsic event (see event handlers)
onmousedownIntrinsic event (see event handlers)
onmouseupIntrinsic event (see event handlers)
onmouseoverIntrinsic event (see event handlers)
onmousemoveIntrinsic event (see event handlers)
onmouseoutIntrinsic event (see event handlers)
onkeypressIntrinsic event (see event handlers)
onkeydownIntrinsic event (see event handlers)
onkeyupIntrinsic event (see event handlers)
Try it yourself!


Also see the HTML 5 version of HTML tags

Enjoy this page?

  1. Link to this page (copy/paste into your own website or blog):
  2. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!

Sponsored Link: Design CODE-FREE Websites