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.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- Image Map Generated by http://www.image-map.net/ -->
<img src="Screenshot 2025-09-22 135015.png" usemap="#image-map">
<map name="image-map">
<area target="" alt="saliyamangalam" title="saliyamangalam" href="greenary.html" coords="770,269,75" shape="circle">
<area target="" alt="pudupattinam" title="pudupattinam" href="beach.html" coords="303,361,445,358,449,298,305,296" shape="poly">
<area target="" alt="divyadesam" title="divyadesam" href="temple.html" coords="133,85,305,163" shape="rect">
</map>
</body>
</html>
The program for implementing image maps using HTML is executed successfully.