Text Links Ads : Marketing Tips Store : Search Engine Optimization Strategies
WebPosition Gold Pro : Domain Registration Bank : Optilink Software : GoDefy
Mike's Marketing Tools : Mike's Ecommerce Software : Text Links Guide
 
Web HTML-HTML.com
You are here: HTML Codes > Images

<AREA ...>

Usage Recommendation
use it if you use <MAP ...>

  • HREF: URL you are linking to
  • ALT: alternate text if the image isn't displayed
  • SHAPE: what shape is this area?
  • COORDS: coordinates for the link area shape
  • TITLE: Short description of the area
 

Looking for info on how to make an image map? - See our tutorial How to Make an image Map

<AREA ...> defines a single area within an image map. <AREA ...> requires the SHAPE and ALT attributes. In most cases also requires the HREF attribute to indicate the page the area points to.

<DIV ALIGN=CENTER>
<MAP NAME="map1">
<AREA 
 HREF="contacts.html" ALT="Contacts" TITLE="Contacts" 
 SHAPE=RECT COORDS="6,116,97,184">
<AREA 
 HREF="products.html" ALT="Products" TITLE="Products" 
 SHAPE=CIRCLE COORDS="251,143,47">
<AREA 
 HREF="new.html" ALT="New!" TITLE="New!" 
 SHAPE=POLY COORDS="150,217, 190,257, 150,297,110,257">
</MAP>
<IMG SRC="testmap.gif" 
 ALT="map of GH site" BORDER=0 WIDTH=300 HEIGHT=300
 USEMAP="#map1"><BR>
[ <A HREF="contacts.html" ALT="Contacts">Contacts</A> ]
[ <A HREF="products.html" ALT="Products">Products</A> ]
[ <A HREF="new.html" ALT="New!">New!</A> ]
</DIV>

which gives us this map:

Contacts Products New! map of GH site

[Contacts ] [Products ] [New! ]

<AREA HREF="..."> >>>

Copyright © 2002-8 Art Dacor USA LLC. All Rights Reserved.
3727 West Magnolia Blvd #489, Burbank, CA, 91505, USA.
www.HTML-HTML.com