Please visit our sponsors !
The <area> tag
Definition and Usage
Defines a region in an image map.
Tips and Notes
Note: The <area> tag is an empty element, it contains attributes
only. This element is always nested inside the map
element.
Note: End tag is forbidden.
Examples
This code: |
Produces this output: |
<p>Click on one of the planets:</p> <img src ="images/planets.gif"
width ="145" height ="126"
usemap ="#planetmap">
<map id ="planetmap">
<area shape ="rect" coords ="0,0,82,126"
href ="sun.htm" alt="sun" target ="_blank">
<area shape ="circle" coords ="90,58,3"
href ="mercur.htm" alt="mercur" target ="_blank">
<area shape ="circle" coords ="124,58,8"
href ="venus.htm" alt="venus" target ="_blank">
</map>
|
Click on one of the planets:
|
Required Attributes
Attributes: |
Values: |
Description: |
alt |
text |
Alternate text if the image is not displayed |
Optional Attributes
Attributes: |
Values: |
Description: |
alt |
text |
Alternate text if the image is not displayed |
coords |
circle x,y,radius
poly x1,y1,.....xn,yn
rect left,top,right,bottom |
Sets the shape of the area with the coordinates |
href |
url |
Sets the url to link to when the area is clicked |
nohref |
true
false |
Excludes an area from an image-map |
shape |
circle
rect
poly
default |
Defines the area shape |
target |
_blank
_parent
_self
_top |
Where to open the linked document when you click on the area. Use it in
combination with the href attribute
When using "_blank" the link will load in a new window.
When using "_self" the link will load in the same frame it
was clicked.
When using "_parent" the link will load in the parent
frameset.
When using "_top" the link will load in the full body of the
window |
Standard Attributes
id, class, title, style, dir, lang, tabindex, accesskey |
For a full description, go to Standard
Attributes.
Event Attributes
onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup, onfocus, onblur |
For a full description, go to Event Attributes.
Jump to: Top of Page
or HOME or
Printer friendly page
Search W3Schools:
What Others Say About Us
Does the world know about us? Check out these places:
Dogpile
Alta Vista
MSN
Google
Excite
Lycos
Yahoo
Ask Jeeves
We Help You For Free. You Can Help Us!
W3Schools is for training only. We do not warrant its correctness or its fitness for use.
The risk of using it remains entirely with the user. While using this site, you agree to have read and accepted our
terms of use and
privacy policy.
Copyright 1999-2002 by Refsnes Data. All Rights Reserved
|