Skip to content

Update README.md #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Nivedhakaliaperumal76 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Update README.md #5

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
118 changes: 116 additions & 2 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,121 @@ Write HTML programs for all the regions identified.
## STEP 6
Execute the programs and publish them.

# CODE
# OUTPUT
# CODE "coimbatore.html
<!DOCTYPE html>
<html>
<head>
<title> COIMBATORE </title>
</head>
<body>
<h1 align='center'>COIMBATORE</h1>
<img src="https://www.tourmyindia.com/states/tamilnadu/images/monkey-falls.jpg" align="middle" height="300"width="600">
<h2>Monkey Falls</h2>
<p>One of the most famous tourist attractions in Coimbatore happens to be the Monkey Falls. Located roughly 65 kilometres away from city centre, the falls is enveloped by intense green foliage and rocky cliffs. Gushing down from a substantial height, the beautiful cascade is an amazing sight to behold. As it falls down at a great speed, it forms intense white froth in the pool below.</p>
</body>
</html>
salem.html
<!DOCTYPE html>
<html>
<head>
<title> SALEM </title>
</head>
<body>
<h1 align='center'>SALEM</h1>
<img src="https://dynamic-media-cdn.tripadvisor.com/media/photo-o/17/f8/d5/d9/photo0jpg.jpg?w=1200&h=-1&s=1" align="middle" height="300"width="600">
<h2>Witch Museum</h2>
<p>Salem, MA offers several witch-themed museums like the Salem Witch Museum, Witch Dungeon Museum, and Witch History Museum, alongside historical sites like The Witch House (Judge Corwin's home) and the Witch Trials Memorial, plus the Bewitched Statue, offering different dives into the 1692 trials and modern witchcraft culture. Key spots include the Peabody Essex Museum (PEM) for deeper history, Proctor's Ledge (execution site), and general witchy shops on Essex Street, creating a mix of historical accuracy and popular fascination</p>
</body>
</html>

chennai.html
<!DOCTYPE html>
<html>
<head>
<title> CHENNAI </title>
</head>
<body>
<h1 align='center'>CHENNAI</h1>
<img src="https://www.treebo.com/blog/wp-content/uploads/2025/06/Header-1-1.jpg" align="middle" height="300"width="600">
<h2>Marina Beach</h2>
<p> Marina Beach Chennai is India's Longest Beach?Marina Beach in Chennai is India's longest and the world's second-longest urban beach, stretching along the Bay of Bengal with a popular promenade for strolling, enjoying sunrises, and public events, though swimming isn't recommended due to strong undercurrents, making it a vital leisure spot with landmarks like the lighthouse and various statues </p>
</body>
</html>

madurai.html
<!DOCTYPE html>
<html>
<head>
<title> madurai </title>
</head>
<body>
<h1 align='center'>MADURAI</h1>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcROfl4WiQ8XajioudaFbP1D4eMWKIhAGbuvrg&s" align="middle" height="300"width="600">
<h2>Meenakshi Amman Temple</h2>
<p>Madurai, a city rich in culture, offers highlights like the magnificent Meenakshi Amman Temple, known for its stunning Dravidian architecture and towering gopurams, alongside the historic Thirumalai Nayakkar Mahal, a beautiful Indo-Saracenic palace. Don't miss the natural beauty of Samanar Hills, ancient Jain caves, the serene Vandiyur Mariamman Teppakulam (temple tank), and the historical insights at the Gandhi Memorial Museum, making Madurai a diverse cultural and spiritual journey. </p>
</body>
</html>

thanjavur.html
<!DOCTYPE html>
<html>
<head>
<title> Thanjavur</title>
</head>
<body>
<h1 align='center'>Thanjavur</h1>
<img src="https://assets-news.housing.com/news/wp-content/uploads/2022/08/26004150/THANJAVUR-FEATURE-compressed-686x400.jpg" align="middle" height="300"width="600">
<h2>Thanjai Periya Kovil</h2>
<p>Thanjai Periya Kovil (Brihadeeswarar Temple) in Thanjavur, a UNESCO World Heritage site, is a magnificent 11th-century Chola masterpiece dedicated to Lord Shiva, famous for its towering Dravidian architecture, massive granite Vimana, colossal Shiva Linga, and the huge single-stone Nandi bull, making it a must-visit for its historical grandeur and architectural brilliance.
</p>
</body>
</html>
<!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>
<DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<img id='Image-Maps-Com-image-maps-2023-04-20-084957"
src="mymop.jpg" border="0" width="1920' height="974" orgWidth="1920"
orgHeight="974" usemop='#imoge-mops-2023-04-20-084957" olt="/>
<mop name="imoge-maps-2023-04-20-084957" id="ImageMapsCom-imoge-

maps-2023-04-20-084957">
<area alt=" title="Arunachala Hill" href="hill.html' shape="rect"
coords="642,370,798,430" style='outline:none;" torget="_self" dato-
maphilight='aurachala hill' />
<area alt=" title='cave"href="cave.html' shape="rect" coords="689,489,885,565"
style='outline:none;" torget="_self" data-mophilight='cave' />
<area alt=' title="college" href="college.html" shape="rect"
coords="910,725,1046,836" style="outline:none;" torget=" self" dota-
maphilight='college
<area alt=" title="hotel" href="hotel.html" shope="rect" coords="982,305,1214,371"
style="outline:none;"torget="_self" dota-mophilight='hotel' />
<area alt="" title="school" href="school.html' shape="rect"
coords="230,714,470,813" style='outline:none;" trget=" self" dato-
maphilight='school' />
<area shape='rect* coords="1918,972,1920,974" alt="Image Map"
style='outline:none;" title="Imoge Map" href="https://www.imoge-maps.com/"/>
</map>
</body>
</html>
</body>
</html>
# OUTPUT
<img width="1067" height="670" alt="map" src="https://github.com/user-attachments/assets/0eb71ffa-187e-4be5-bff1-9a6332fba973" />
<img width="1196" height="571" alt="coimbatur" src="https://github.com/user-attachments/assets/44dbe0b9-68d3-4560-a0b1-9e8aa80cf2d8" />
<img width="1455" height="671" alt="salem" src="https://github.com/user-attachments/assets/b4639cde-8fc4-4196-bb11-8bfbf48d91e5" />
<img width="1463" height="675" alt="chennai" src="https://github.com/user-attachments/assets/bc8920a0-6df0-4378-ac64-908d5f22cff3" />
<img width="1438" height="691" alt="madurai" src="https://github.com/user-attachments/assets/45a28b18-b0e1-4a50-ac75-bc2045e0dc7d" />
<img width="1463" height="710" alt="thanjavur" src="https://github.com/user-attachments/assets/bb254a9e-f6d8-44e6-8c09-5cebaec076d6" />

# RESULT
The program for implementing image maps using HTML is executed successfully.