[Home]
[Edit this page]
[Recent Changes]
[Special Pages]
[Help]
HTMLSPEC-AREA
Used to describe the clickable "hotspot" region of an image map. Note that the <area> tag must appear within the <map> element.
Attributes
Specifies the URL of the mapped document.
Specifies the shape of the region inside the image to be "mapped". Shape is rect by default, and can be circle, poly, or default (Netscape only). The shape="" attribute must be accompanied with the coords="" attribute which defines the coordinates of the region mapped shape. rect takes values in the form: "left, top, right, bottom", circle takes values in the form: "x, y, radius", and poly takes values in the form: "x1, y1, x2, y2,..., xn, yn".
Specifies the coordinates of the region in the image to be mapped.
Specifies a description of the destination URL of the image "hotspot".
Specifies that a particular region has no associate URL. nohref attributed elements should come first in a web document.
Code Tip
Image maps can be used very efficiently but can also be used incorrectly by implicit means. Be sure to specify the exact coordinates of image "hotspots" for an image. If specified incorrectly, the "hotspots" could run together and perform unexpected results.
Live Example
HTML Tags Center
[Edit this page] [Page history] [What links here] [Discuss this topic] [Printer Friendly]
HTMLSPEC-AREA
Area
UsageUsed to describe the clickable "hotspot" region of an image map. Note that the <area> tag must appear within the <map> element.
Attributes
href="URL"
Specifies the URL of the mapped document.
shape=""
Specifies the shape of the region inside the image to be "mapped". Shape is rect by default, and can be circle, poly, or default (Netscape only). The shape="" attribute must be accompanied with the coords="" attribute which defines the coordinates of the region mapped shape. rect takes values in the form: "left, top, right, bottom", circle takes values in the form: "x, y, radius", and poly takes values in the form: "x1, y1, x2, y2,..., xn, yn".
coords=""
Specifies the coordinates of the region in the image to be mapped.
alt="" (required"
Specifies a description of the destination URL of the image "hotspot".
nohref
Specifies that a particular region has no associate URL. nohref attributed elements should come first in a web document.
Code Tip
Image maps can be used very efficiently but can also be used incorrectly by implicit means. Be sure to specify the exact coordinates of image "hotspots" for an image. If specified incorrectly, the "hotspots" could run together and perform unexpected results.
Live Example
<html> <head><title>AREA of MAP element Document Example</title></head> <body> <map name="areas"> <area shape="rect" coords="7,5,71,21" href="http://warebiz.tripod.com/cpp.htm"> <area shape="rect" coords="80,5,143,21" href="http://warebiz.tripod.com/html.htm"> <area shape="rect" coords="154,5,219,22" href="http://warebiz.tripod.com/qbasic.htm"> </map> <img src="imgmapping.jpg" border=0 usemap="#areas"> </body> </html>
HTML Tags Center
[Edit this page] [Page history] [What links here] [Discuss this topic] [Printer Friendly]
