![]() | ![]() |
Used to implement a client-side image map. A client-side image map is an image
with one or more active regions which are hyperlinks to other documents on the
world wide web. The AREA tag identifies these active regions, and the documents
they link to. An image map created this way, with the MAP and AREA tags, is called a client-side image map. This is because the client, the browser, decides what document a link will point to. Another possibility to create an image map is a server-side image map. When the user clicks on a such a map the coordinates of the mousecursor at the time of the click are sent to the server. A program on the server processes these coordinates to a destination link. A server-side image map can be created with the ISMAP attribute of the IMG tag. Also you must put a file on the server with the regions of the map. The format of such a file depends on the program processing the map. If two or more AREA's overlap, the region defined first in the map definition takes precedence over subsequent regions. The AREA tag is only valid inside the MAP tag. |
![]() | |||||||||||||
ALT![]() |
Provide an alternative for non-graphic browsers for the specific area. This can give the users of browsers that do not have the ability to show graphics an alternative way to select the areas of an image-map. | ||||||||||||
CLASS![]() |
Generic description of the CLASS attribute | ||||||||||||
COORDS![]() ![]() ![]() ![]() |
The coordinates of the area. The number of coordinates depends on the shape of
the area.
The upper-left corner of the image is (0,0). In HTML 3.2 you can supply all the values with a percent sign as a suffix to let the values be interpreted as percentages of the image's width and height. | ||||||||||||
HREF![]() ![]() ![]() ![]() |
This is the URL to link to when the area in the image is selected. | ||||||||||||
ID
|
Generic description of the ID attribute | ||||||||||||
NOHREF![]() ![]() ![]() ![]() |
Exclude an area from the image-map. This can be very useful when you have defined a default URL for the complete map by using SHAPE=DEFAULT on another area. | ||||||||||||
ONMOUSEOUT![]() |
Specifies JavaScript code to execute when a user moves the mouse pointer out of the image. | ||||||||||||
ONMOUSEOVER![]() |
Specifies JavaScript code to execute when a user moves the mouse pointer over the image. | ||||||||||||
SHAPE![]() ![]() ![]() ![]() |
Defines the shape of the area. Supported values are :
If the SHAPE attribute is omitted SHAPE=RECT is assumed. | ||||||||||||
STYLE![]() |
Generic description of the STYLE attribute | ||||||||||||
TARGET![]() ![]() |
The TARGET attribute forces the load of that link into the targeted window.
The value supplied with the attribute must be the same as the name of the
window, and is case-sensitive. The name of a window can be assigned if it is
a frame. If a window with the supplied target name does not exist then a new
window will be created with that name.
Magic TARGET names
|
![]() | ![]() |
Source: | <MAP NAME=area> <AREA SHAPE=CIRCLE COORDS="30,24,21" HREF=AREA1.html ALT=Circle> <AREA SHAPE=POLY COORDS="77,44,119,44,98,3,77,44" HREF=AREA2.html ALT=Triangle> <AREA SHAPE=RECT COORDS="145,4,187,44" HREF=AREA3.html ALT=Square> </MAP> <CENTER><IMG SRC=AREA1.gif USEMAP=#area BORDER=0 WIDTH=200 HEIGHT=50></CENTER> |
Result: |
![]() |