[go: up one dir, main page]
Scribd
Upload
54 views5 pages

Image Mapping Projectwork

The document defines an image map as an image with clickable areas that are specified using <area> tags. An image map allows certain areas of an image to link to other pages. The <map> element is used to create an image map and link it to an image using the <img> tag and a usemap attribute, where the name attribute of <map> must match the value of usemap.

Uploaded by

Johnny Arts
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
54 views5 pages

Image Mapping Projectwork

The document defines an image map as an image with clickable areas that are specified using <area> tags. An image map allows certain areas of an image to link to other pages. The <map> element is used to create an image map and link it to an image using the <img> tag and a usemap attribute, where the name attribute of <map> must match the value of usemap.

Uploaded by

Johnny Arts
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

Image mapping

Image mapping
The HTML <map> tag defines an image map. An image map is an image with clickable areas. The areas are
defined with one or more <area> tags.

The image is inserted using the <img> tag. The only difference from other images is that you must add a usemap
attribute:

Then, add a <map> element.

The <map> element is used to create an image map, and is linked to the image by using the required name
attribute:

The name attribute must have the same value as the <img>'s usemap attribute ……
code
<!DOCTYPE html>

<html>

<body>

<h2>Image Maps</h2>

<p>Click on the computer, the phone, or the cup of coffee to go to a new page and read more about the topic:</p>

<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">

<map name="workmap">

<area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">

<area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">

<area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">

</map>

</body>

</html>
output
reference;-google

You might also like