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.
vashmitha.html
<html>
<head>
<title>
the sample
</title>
</head>
<body>
<h1>sholinghur</h1>
<h2>Vashmitha(25015828)</h2>
<img src="Screenshot 2025-09-22 092715.png" usemap="#image-map">
<map name="image-map">
<area target="" alt="oyo Sri lakshmi Narashima" title="oyo Sri lakshmi Narashima" href="oyo.html" coords="770,369,905,405" shape="rect">
<area target="" alt="Government Hospital" title="Government Hospital" href="government Hospital.html" coords="770,262,60" shape="circle">
<area target="" alt="GS BATTERY POINT" title="GS BATTERY POINT" href="GS.html" coords="708,524,662,553,657,601,734,601,740,561" shape="poly">
<area target="" alt="Sri balaji marbles" title="Sri balaji marbles" href="Sri balaji marbles" coords="596,686,703,749" shape="rect">
<area target="" alt="ALD MENS WEAR" title="ALD MENS WEAR" href="ALD.html" coords="1059,630,67" shape="circle">
</map>
</body>
</html>
ALD.html
<html>
<head>
<title>
ALD.html
</title>
</head>
<body bgcolor="red">
<h1>sholinghur</h1>
<h2>ALD mens wear</h2>
<p>a small/local shop with limited digital footprint, or maybe it's relatively new.</p>
</body>
</html>
gh.html
<html>
<head>
<title>
gh.html
</title>
</head>
<body bgcolor="purple">
<h1>sholinghur</h1>
<h2>Government Hospital</h2>
<p>The hospital has been awarded the NABH (National Accreditation Board for Hospitals & Healthcare Providers) certificate for good performance, infrastructure, and cleanliness</p>
</body>
</html>
GS.html
<html>
<head>
<title>
GS.html
</title>
</head>
<body bgcolor="bule">
<h1>sholinghur</h1>
<h2>GS BATTRY POINT</h2>
<p >Stocks & sells automobile batteries (car batteries, motorcycle / two wheeler batteries, etc.).</p>
</body>
</html>
marbles.html
<html>
<head>
<title>
marbles.html
</title>
</head>
<body bgcolor="yellow">
<h1>sholinghur</h1>
<h2>Sri Balaji marbles</h2>
<p>They are marble merchants, so they deal in various kinds of marble.
Justdial
The listing doesn’t provide detailed catalogs, marble types, colors, or brands.
Justdial
No confirmed data on whether they supply imported marble, only natural local stones, or what finishes etc</p>
</body>
</html>
oyo.html
<html>
<head>
<title>
oyo narashima
</title>
</head>
<body bgcolor="pink">
<h1>oyo narashima</h1>
<h2>sholinghur</h2>
<p>On the main hill,Which has 1305 steps and is about 750 feet of Sri Yoga Narashima with godness Amurthavalli is situated .Sri yoga Narashima kovil is located in sholinghur in vellor district. </p>
</body>
</html>
.png)
.png)
.png)
.png)
.png)
.png)
The program for implementing image maps using HTML is executed successfully.