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:
Image mapg.html:
Ash.html:
Vent.html:
cone.html:
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>
