<AREA>
The <AREA> Tag is used in conjunction with Imagemaps
(<MAP>). It tells
the image what coordinates make up the "hotspots" of your image,
along with the URL it will go to when you click inside those coordinates.
You'll learn more about Imagemaps in the
Imagemap Tutorial, but here we'll
go over the <AREA> Tag specifically.
| <AREA SHAPE> |
<RECT> |
<CIRCLE> |
<POLY> |
| COORDS |
A,B,C,D
A=Top Left
B=Top Right
C=Bottom Right
D=Bottom Left |
A,B,C
A=Center Width
B=Center Height
C=Radius |
x1,y1,x2,y2,x3,x3...
X=Width
Y=Height |
| Examples: |
<AREA SHAPE="RECT"
COORDS="20,20,60,60" HREF="links.html"> |
<AREA
SHAPE="CIRCLE" COORDS="30,50,100" HREF="contact.html"> |
<AREA SHAPE="POLY"
COORDS="30,50,15,45,6,13" HREF="contact.html"> |
Any undefined regions will reload the page when clicked on.
You can also use the TARGET command within <AREA...>
for use with Frames.
|