HTML 

IMAGE MAPPING Program

0
Programs Type:Client side Process

Program Requirement:Web Browser and Text Editor

Program Description:Map the link for Each image shapes ( like circle )

Source code:


Image mapping.html:
Code:
<html><head><title>image mapping</title></head><body><body background="F:\wt rec\vol.jpg"></body><font face="monotype corsiva" color=white size="7"><hr size=10 shade><h1><marquee>IMAGE MAPPING</marquee></h1><hr size=10 shade><br>To know information about the volcanoes click to view....<br><br><center><a href="F:\wt rec\image mapg.html">VIEW</a></center></body></html>


Image mapg.html:



Code:
<html>

<head>

<title>image
map</title>

</head>

<body>

<body
bgcolor="green"></body>

<center>

<hr
size="10" shade>

<h1><u><marquee>Cross
section of a volcano</marquee></u><h1>

<hr
size="10" shade>

<img
src="F:\wt rec\pics\val2.bmp" width=350 height=366
usemap="#val2">

<map
name="val2">

<area
shape="circle" coords="120,29,5" href="F:\wt
rec\ash.html" alt="no image"/>

<area
shape="circle" coords="138,87,5" href="F:\wt
rec\vent.html" alt="no image"/>

<area
shape="circle" coords="72,79,5" href="F:\wt
rec\vent.html" alt="no image"/>

<area
shape="circle" coords="209,62,5" href="F:\wt rec\vent.html"
alt="no image"/>

<area
shape="circle" coords="97,128,5" href="F:\wt
rec\cone.html" alt="no image"/>

<area
shape="circle" coords="195,131,5" href="F:\wt
rec\throat.html" alt="no image"/>

<area
shape="circle" coords="224,93,5" href="F:\wt rec\crater.html"
alt="no image"/>

</map>

</img>

</center>

<h2>To
gain information about the parts of volcanoes click on the circles.<h2>

</body>

</html>



Ash.html:


Code:
<html>

<head>

<title>ash
cloud</title>

</head>

<body>

<body
bgcolor=rgb(211,0,111)></body>

<hr
size=10 shade>

<h1><center>ASH
CLOUD</center></h1>

<hr
size=10 shade>

<font
face="monotype corsiva" size="7">

<ul><li>A
cloud formed from tiny ash particles and gases blasted from the
volcano.</li>

<li>Wind
can carry ash thousands of miles, affecting far greater areas and many more
people than other volcano hazards</li></ul>

</font>

</body>

</html>


Vent.html:


Code:
<html>

<head>

<title>vent</title>

</head>

<body>

<body
bgcolor=rgb(128,128,0)>

<hr
size="10" shade>

<h1><center><u>VENT</u></center></h1>

<hr
size="10" shade>

<font
face="monotype corsiva" size=7>

<ul><li>           

An
opening that allows air, gas, or liquid to pass out of or into a confined
space.</li>

<li>The
opening of a volcano, through which lava and other materials are
emitted.</li>

<li>Chiefly
Scottish a flue of a chimney.</li></ul>

</font>

</body>

</html>


cone.html:

Code:
<html>

<title>cone</title>

<body>

<body
bgcolor=rgb(128,128,128)></body>

<hr
size="10" shade>

<h1><center><u>PARASITIC
CONE</u></center></h1>

<hr
size="10" shade>

<font
face="monotype corsiva" size=7>

<ul><li>           

A
parasitic cone or satellite cone is the cone-shaped accumulation of volcanic
material.</li>

<li>It
created by eruptions from fractures other than the central vent of a
volcano.</li>

</ul>

</font>

</body>

</html>


Code:
Crater.html:

<html>

<title>crater</title>

<body>

<body
bgcolor=rgb(120,146,245)></body>

<hr
size="10" shade>

<h1><center><u>CRATER</u></center></h1>

<hr
size="10" shade>

<font
face="monotype corsiva" size=7>

<ul>

<li>A
bowl-shaped depression at the mouth of a volcano or geyser.</li>

<li>A
bowl-shaped depression in a surface made by an explosion or the impact of a
body, such as a meteoroid.</li>

<li>A
pit or a hollow.</li>

</ul>

</font>

</body>

</html>

Throat.html:

<html>

<title>throat</title>

<body>

<body
bgcolor=rgb(119,187,187)></body>

<hr
size="10" shade>

<h1><center><u>THROAT</u></center></h1>

<hr
size="10" shade>

<font
face="monotype corsiva" size=7>

<ul>

<li>volcanic
neck is the throat of a volcano and consists of a pipe like conduit filled with
hypabyssal rocks.</li>

<li>The
volcanic Lava from the Magma Chamber comes out through the throat.</li>

</ul>

</font>

</body>

</html>
Heart
Make a Great History

    IMAGE MAPPING Program