To create the web page using the following
1. To embed image map
2. To fix hotspot
3. Show all related information when hotspot are clicked
PROGRAM:
main.html
<html> <head> <title> FIRST PROGRAM </title> </head> <body bgcolor="Blue"> <center> <b>HOTSPOT</b> <hr> <br><br> <map name="picture"> <img src="india.jpg" alt="India" usemap="picture"> <area shape="rectangle" coords="224,590,304,706" href="chennai.html" alt="Chennai"> <area shape="rectangle" coords="186,405,243,460" href="mumbai.html" alt="Mumbai"> <area shape="rectangle" coords="254,200,297,246" href="delhi.html" alt="Delhi"> <area shape="rectangle" coords="184,518,232,601" href="Bengaluru.html" alt="Bengaluru"> </center> </body> </html>
chennai.html
<html> <head> <title> Chennai Information </title> </head> <body> <center> Chennai,formerly Madras has a variety of culture and traditions.
It is home to many temples. The famous temples has also got<b>GI</b> status. </center> </body> </html>
bengaluru.html
<html> <head> <title> Begaluru Information </title> </head> <body> <center> Bengaluru is a city located in the state of Karnatka.
It is also referred as <u>Smart City</u> because it houses many IT Concerns. </center> </body> </html>
delhi.html
<html> <head> <title> Delhi Information </title> </head> <body> <center> Delhi is the capital of India.
It has a long legacy with many monuments present in and around Delhi.
The monuments include <i> Taj Mahal, Iron pillar of Mehrauli, Qutub Minar </i> etc </center> </body> </html>
mumbai.html
<html> <head> <title> Mumbai Information </title> </head> <body> <center> Bombay (or) Mumbai is India's Business/Economic capital.
It is also known as <i> Mayapuri-Land of Dreams </i>.
It houses the world famous <b> Bollywood Industry</b> </center> </body> </html>
No comments:
Post a Comment