martin2k

The MAP Tag

HomeForumTutorials Tags:
 
 

Name

Image Map

Description

Specifies an image to use for an image map.  Within the MAP tags, one or more AREA tags can be used to specify that areas that can be clicked on.

Attributes

ID

Speficies the MAP tag's name.  You must then specifiy the image to use by using the USEMAP attribute in an IMG tag e.g. usemap="#shapemap".

You do not need to use a '#' character for the ID attribute.

Related Tags

The MAP tag is used surrounds one or more AREA tags.  The IMG tag must also be used to specify which image to use.

Example

Code

<img src="area1.gif" border="0" alt="Shapes" usemap="#shapemap">

<map id="shapemap">
    <area shape="circ" coords="47,87,30" href ="area2.gif" target="_blank" alt="Red circle">
    <area shape="rect" coords="106,26,138,129" href ="area3.gif" target="_blank" alt="Blue rectangle">
    <area shape="poly" coords="179,21,216,40,194,98,205,130,152,129,169,100,146,55" href="area4.gif" target="_blank" alt="Green polygon">
</map>

Generates

Shapes Red circle Blue rectangle Green polygon

Please fill in the below form if you have any comments or additional information you want to add about the above information.  If you have any questions, please visit the ForumAny questions sent using this form will be ignored.

* - Mandatory

*Name: E-mail:

*Comments:

*Please type the following code (your comment cannot be accepted without it):


© Martin Allen 1999 - 2006.  Last updated Thursday 12 October 2006 05:06:15 PM +0100.