HTML area Tag

Related:
• HTML Image Maps
• HTML <map> Tag
• HTML <img> Tag
• HTML 5 <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:
Attribute	Description
shape	Defines a shape for the clickable area. Possible values: default rect circle poly
coords	Specifies 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, ...
nohref	Specifies that the area has no link.
Other Attributes:
Attribute	Description
name	Assigns a name to the element.
usemap	Associates an element with an image map. For example, you associate the image with an image map by using this attribute.
class	Document wide identifier.
id	Document wide identifier
dir	Specifies the direction of the text
lang	Language code
style	Inline style (CSS).
title	Specifies a title to associate with the element.
alt	Alternate text. This specifies text to be used in case the browser/user agent can't render the image.
href	Specifies the URL of a page or the name of the anchor that the link goes to.
target	Specifies the target frame to load the page into.
tabindex	Helps determine the tabbing order (when the user 'tabs' through the elements on the page).
accesskey	Access keys (or shortcut keys)
onfocus	Intrinsic event (see event handlers)
onblur	Intrinsic event (see event handlers)
onclick	Intrinsic event (see event handlers)
ondbclick	Intrinsic event (see event handlers)
onmousedown	Intrinsic event (see event handlers)
onmouseup	Intrinsic event (see event handlers)
onmouseover	Intrinsic event (see event handlers)
onmousemove	Intrinsic event (see event handlers)
onmouseout	Intrinsic event (see event handlers)
onkeypress	Intrinsic event (see event handlers)
onkeydown	Intrinsic event (see event handlers)
onkeyup	Intrinsic event (see event handlers)

Try it yourself!

HTML Resources

HTML Tags

HTML area Tag

Also see the HTML 5 version of HTML tags

Enjoy this page?

ABOUT

HTML/MARKUP

CSS & DESIGN

SCRIPTING

DATABASE

WEB HOSTING