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 tag name the map.
Create clickable regions in the image using tag.
Write HTML programs for all the regions identified.
Execute the programs and publish them.
<!DOCTYPE html>
<html>
<head>
<title>
Image Map
</title>
</head>
<body >
<h1 align="center" >
<font color="red" >
Image Map Of My Home Town
</font>
</h1>
<h3 align="center">
<font color="blue" face ="cursive">
SATHISH R (212222100048)
</font>
</h3>
<center>
<img id="Image-Maps-Com-image-maps-2023-05-07-062859" src="location.jpg" border="0" width="1827" height="845" orgWidth="1827" orgHeight="845" usemap="#image-maps-2023-05-07-062859" alt="" />
<map name="image-maps-2023-05-07-062859" id="ImageMapsCom-image-maps-2023-05-07-062859">
<area alt="" title="home" href="home.html" shape="rect" coords="532,236,611,286" style="outline:none;" target="_self" />
<area alt="" title="store" href="html.store" shape="rect" coords="349,398,428,448" style="outline:none;" target="_self" />
<area alt="" title="park" href="html.park" shape="rect" coords="683,271,762,321" style="outline:none;" target="_self" />
<area alt="" title="agri" href="html.agri" shape="rect" coords="641,614,720,664" style="outline:none;" target="_self" />
<area alt="" title="meatstall" href="html.meatstall" shape="rect" coords="166,198,245,248" style="outline:none;" target="_self" />
<area shape="rect" coords="1825,843,1827,845" alt="Image Map" style="outline:none;" title="Image Map" href="https://www.image-maps.com/" />
</map>
</center>
<p align="center">
<font color="maroon" face="Comic Sans MS" >
This Image Map shows various locations around my home.<br>
Click the location and get information about it.
</font>
</p>
</body>
</html>
Include your HTML code here
Include your output screenshot here
successfully completed