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.
## mapp.html
<html>
<head>
<h2><center>Jayamkondam</center></h2>
<h3><center>Senthamizh-212221040150</center></h3>
<hr>
</head>
<body bgcolor="brown">
<img src="Screenshot 2024-03-21 142121.png" usemap="#image-map">
<map name="image-map">
<area target="" alt="JKS Deluxe" title="JKS Deluxe" href="lodge.html" coords="1028,361,1215,432" shape="rect">
<area target="" alt="kannarapalayam" title="kannarapalayam" href="palayam.html" coords="589,532,767,493,813,587,696,632,576,592" shape="poly">
<area target="" alt="sengunthapuram" title="sengunthapuram" href="puram.html" coords="445,183,106" shape="circle">
<area target="" alt="karadikulam" title="karadikulam" href="kulam.html" coords="771,734,922,805" shape="rect">
<area target="" alt="gangani farm house" title="gangani farm house" href="farm.html" coords="1466,123,123" shape="circle">
</map>
</body>
</html>
## palayam.html
<html>
<head>
<h2><center>Jayamkondam</center></h2>
<h3><center>kannarapalayam</center></h3>
<hr>
</head>
<body bgcolor="red">
<p>
palayam is the village which consists majority pepole of MBC community.
It is famous for the ponds in this village
And then the pepole of the village
</p>
</body>
</html>
## puram.html
<html>
<head>
<h2><center>Jayamkondam</center></h2>
<h3><center>sengunthapuram</center></h3>
<hr>
</head>
<body bgcolor="white">
<p>
sengunthapuram is the village which consists majority pepole of BC community.
It is famous for the temple in this village
And then the pepole of the village
</p>
</body>
</html>
## lodge.html
<html>
<head>
<h2><center>Jayamkondam</center></h2>
<h3><center>Senthamizh-212221040150</center></h3>
<hr>
</head>
<body bgcolor="brown">
<p>
JSK lodge is famous for its better service
And then for their hospitality.
</p>
</body>
</html>
## farm.html
<html>
<head>
<h2><center>Jayamkondam</center></h2>
<h3><center>gangani farm house</center></h3>
<hr>
</head>
<body bgcolor="green">
<p>
Gangani farm is the huge house in the village of elaiyur.
And it is special for its architecture
</p>
</body>
</html>
## kulam.html
<html>
<head>
<h2><center>Jayamkondam</center></h2>
<h3><center>karadikulam</center></h3>
<hr>
</head>
<body bgcolor="light blue">
<p>
kulam is the village which consists majority pepole of BC/OC community.
It is famous for the windmill in this village
And then the pepole of the village
</p>
</body>
</html>
The program for implementing image maps using HTML is executed successfully.