Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions


WDVL Newsletter

Active Server Pages
JSP/Java Servlets
Microsoft SQL Server
Daily Backup
Dedicated Servers
Streaming Audio/Video
24-hour Support    

jobs.webdeveloper.com

Hiermenus


e-commerce
Partner With Us















Developer Channel
FlashKit.com
JavaScript.com
JavaScriptSource
Developer Jobs
ScriptSearch
StreamingMediaWorld
Web Developer's Journal
Web Developer's Virtual Library
WebDeveloper.com
Webreference
Web Hosts
XMLfiles.com

internet.com
IT
Developer
Internet News
Small Business
Personal Technology

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers


<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.



Up to => Home / Quadzilla / Tag_Ref




Jupiter Online Media: internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and Jupiter Online Media

Jupitermedia Corporate Info


Legal Notices, Licensing, & Permissions, Privacy Policy.

Web Hosting | Newsletters | Tech Jobs | Shopping | E-mail Offers