You are on page 1of 6

EMBEDDING MAPS IN WEBPAGES

DATE: NAME:M Vignesh


EX.NO:6 REG.NO:30707104112

Map.html

<head>
<title>HOT SPOTS IN INDIA</title>
<script type="text/javascript">
<!-- Hide this code from non-JavaScript browsers
function Get(What) {
<textarea rows="2" cols="20">
</textarea>
}
// End hiding -->
</script>
</head>
<body>
<img src="India.jpg" border=0 usemap="#mymap">
<map name=mymap>
<area shape="poly" coords="256,737,138,473,198,496,202,441" href="TN.html">
<area shape="poly" coords="156,797,138,473,198,496,202,441" href="Kerala.html">
<area shape="poly" coords="70,670,138,473,198,496,202,441"
href="Karnataka.html">
<area shape="poly" coords="256,550,138,473,198,496,202,441" href="AP.html">
<area shape="poly" coords="256,250,138,473,198,496,202,441" href="MP.html">
<area shape="poly" coords="300,110,138,473,198,496,202,441" href="UP.html">
</map>
</body>
</html>

TN.html

<html>
<head>
<title> TAMIL NADU </title>
</head>
<body>
<h1>TAMIL NADU </h1>
<hr width="100%" color="#ff0000" size="4">
<ul>
<li>Area:1,30,058 Sq.Kms</li>
<li>Capital:Chennai</li>
<li>Language:Tamil</li>
<li>Population:5,21,10,839</li>
</ul>
</body>
</html>

Kerala.html

<html>
<head>
<title> KERALA </title>
</head>
<body>
<h1>KERALA </h1>
<hr width="100%" color="#ff0000" size="4">
<ul>
<li>Area:33,863 Sq.Kms</li>
<li>Capital:Cochin</li>
<li>Language:Malyalam</li>
<li>Population:3,18,33,619</li>
</ul>
</body>
</html>

Karnataka.html

<html>
<head>
<title> KARNATAKA </title>
</head>
<body>
<h1>KARNATAKA</h1>
<hr width="100%" color="#ff0000" size="4">
<ul>
<li>Area:1,91,791 Sq.Kms</li>
<li>Capital:Bangalore</li>
<li>Language:Kanada</li>
<li>Population:5,27,33,953</li>
</ul>
</body>
</html>

AP.html

<html>
<head>
<title> ANDHRA PRADESH </title>
</head>
<body>
<h1>ANDHRA PRADESH</h1>
<hr width="100%" color="#ff0000" size="4">
<ul>
<li>Area:1,91,791 Sq.Kms</li>
<li>Capital:Bangalore</li>
<li>Language:Kanada</li>
<li>Population:5,27,33,953</li>
</ul>
</body>
</html>

MP.html

<html>
<head>
<title> MADHYA PRADESH </title>
</head>
<body>
<h1>MADHYA PRADESH</h1>
<hr width="100%" color="#ff0000" size="4">
<ul>
<li>Area:3,08,252 Sq.Kms</li>
<li>Capital:Bhopal</li>
<li>Language:Hindi</li>
<li>Population:60,385,118 </li>
</ul>
</body>
</html>

UP.html
<html>
<head>
<title> UTTAR PRADESH </title>
</head>
<body>
<h1>UTTAR PRADESH</h1>
<hr width="100%" color="#ff0000" size="4">
<ul>
<li>Area:2,43,286 Sq.Kms</li>
<li>Capital:Lucknow</li>
<li>Language:Hindi</li>
<li>Population:16,60,52,859</li>
</ul>
</body>
</html>

OUTPUT:

You might also like