To develop a website to display details about the places around my house.
Create a Django admin interface.
Download your city map from Google.
Using <map>
tag name the map.
Create clickable regions in the image using <area>
tag.
Write HTML programs for all the regions identified.
Execute the programs and publish them.
map.html
<html>
<head>
<title>CHENNAI</title>
</head>
<body>
<h1 align="center">
<font color="black"><b>CHENNAI</b></font>
</h1>
<h2 align="center">
<font color="black"><b>S.KEERTHIVASAN(212222040076)</b></font>
</h2>
<center>
<img src="bessy.png" usemap="#image-map">
<map name="image-map">
<area target="" alt="marina beach" title="marina beach" href="marina.html" coords="1428,69,1508,322" shape="rect">
<area target="" alt="bessy" title="bessy" href="bessy.html" coords="1345,539,1414,698" shape="rect">
<area target="" alt="chennai international airport" title="chennai international airport" href="airport.html" coords="362,604,688,657,429,814" shape="poly">
<area target="" alt="santhome cathedral basilica church" title="santhome cathedral basilica church" href="santhome.html" coords="1415,358,50" shape="circle">
<area target="" alt="guindy national park" title="guindy national park" href="park.html" coords="875,543,977,750,1156,576" shape="poly">
</map>
</map>
</center>
</body>
</html>
marina.html
<html>
<head>
<title>MARINA BEACH</title>
<h1 align="center">CHENNAI<h1>
<h2 align="center" style="color:black;">MARINA BEACH<h2>
<hr style="height:10px;background-color:white;width:100%">
</head>
<body bgcolor="green">
<br>
<P align="center">
Marina Beach, or simply the Marina, is a natural urban beach in Chennai, Tamil Nadu, India, along the Bay of Bengal. The beach runs from near Fort St. George in the north to Foreshore Estate in the south, a distance of 6.0 km, making it the second longest urban beach in the world, after Cox's Bazar Beach. </p>
</html>
bessy.html
<html>
<head>
<title>BESANT NAGAR</title>
<h1 align="center">CHENNAI<h1>
<h2 align="center" style="color:black;">BESANT NAGAR<h2>
<hr style="height:10px;background-color:white;width:100%">
</head>
<body bgcolor="red">
<br>
<P align="center">
Edward Elliot's Beach, simply called as Elliot's Beach and popularly known as Besant Nagar Beach or the Bessie, is a natural urban beach located in the Besant Nagar neighbourhood of Chennai, Tamil Nadu, India. </p>
</html>
airport.html
<html>
<head>
<title>Chennai International Airport</title>
<h1 align="center">CHENNAI<h1>
<h2 align="center" style="color:black;">Chennai International Airport<h2>
<hr style="height:10px;background-color:white;width:100%">
</head>
<body bgcolor="blue">
<br>
<P align="center">
Chennai International Airport is an international airport serving the city of Chennai, the capital of Tamil Nadu, India and its metropolitan area. It is located in Tirusulam, around 20 km southwest of the city centre. The airport is the fifth-busiest airport in India, and third by international traffic. </p>
</html>
santhome.html
<html>
<head>
<title>San Thome Church</title>
<h1 align="center">CHENNAI<h1>
<h2 align="center" style="color:black;">San Thome Church<h2>
<hr style="height:10px;background-color:white;width:100%">
</head>
<body bgcolor="cyan">
<br>
<P align="center">
San Thome Church, officially known as St Thomas Cathedral Basilica and National Shrine of Saint Thomas, is a minor basilica of the Catholic Church in India, at the Santhome neighbourhood of Chennai, in Tamil Nadu.
</p>
</html>
park.html
<html>
<head>
<title>Guindy National Park</title>
<h1 align="center">CHENNAI<h1>
<h2 align="center" style="color:black;">Guindy National Park<h2>
<hr style="height:10px;background-color:white;width:100%">
</head>
<body bgcolor="yellow">
<br>
<P align="center">
Guindy National Park is a 2.70 km2 (1.04 sq mi) protected area of Tamil Nadu, located in Chennai, India, is the 8th-smallest National Park of India and one of the very few national parks situated inside a city. The park is an extension of the grounds surrounding Raj Bhavan, formerly known as the 'Guindy Lodge', the official residence of the governor of Tamil Nadu, India. It extends deep inside the governor's estate, enclosing beautiful forests, scrub lands, lakes and streams. </p>
</html>
The program for implementing image maps using HTML is executed successfully.