You are on page 1of 5

IMAGE MAPPING USING HTML

PROGRAM:
INDIA.HTML <html> <head><title>image mapping></title></head> <body> <img src="C:\vino\ex 1\india1.bmp" usemap="#india1"> <map name="india1"> <area shape="rect" coords="427,899,427,911" alt="chennai"href="C:\Documents and Settings\exam\Desktop\vino\chennai1.html"> <area shape="rect" coords="166,674,166,687" alt="mumbai"href="C:\Documents and Settings\exam\Desktop\vino\mumbai.html"> <area shape="rect" coords="308,316,329,332" alt="delhi"href="C:\Documents and Settings\exam\Desktop\vino\delhi.html"> </map></body> </html CHENNAI.HTML <html> <head><title>Chennai</title></head> <body style bgcolor="SteelBlue"> <font face="Verdana" color="white"> <center><h1>Chennai</h1></center> <h3><marquee><i>Tamil Nadu, India</i></marquee></h3> <p>Chennai is the capital city of the Indian state of Tamil Nadu, located on the Coromandel Coast off the Bay of Bengal. Chennai is the sixth most populous city in India. Chennai's economy has a broad industrial base in the automobile, computer, technology, hardware manufacturing and healthcare industries. The Tamil film industry, the second largest film industry in India, is based in Chennai.</p><br> <center><a href="india.html">Back to India map</a></center></font></body></html>

KOLKATA.HTML <html> <head><title>Kolkata</title></head> <body style bgcolor="Crimson"> <font face="Verdana" color="Gold"> <center><h1>Kolkata</h1></center> <h3><marquee><i>West Bengal, India</i></marquee></h3> <p>Kolkata is the capital of the Indian state of West Bengal. It is located on the east bank of the Hooghly River. The city is noted for its vibrant political culture. It was a center of the Indian struggle for independence and remains a hotbed of contemporary politics. Kolkata continues to deal with contemporary urban problems like pollution and traffic congestion. Despite such problems, it remains the dominant urban area of eastern India and the major economic, educational and cultural hub. </p><br> <center><a href="india.html">Back to India map</a></center> </font></body> </html> DELHI.HTML <html> <head><title>Delhi</title></head> <body style bgcolor="AquaMarine"> <font face="Verdana" color="DarkCyan"> <center><h1>New Delhi</h1></center> <h3><marquee><i>Delhi, India</i></marquee></h3> <p>New Delhi is the capital city of India. It serves as the centre of the Government of India. It is one of the fastest growing cities in the world and has a total population of nearing three hundred thousand residents. New Delhi is home to two UNESCO World Heritage Sites: Humayun's Tomb and the Qutub complex.</p><br> <center><a href="india.html">Back to India map</a></center> </font></body> </html> MUMBAI.HTML <html> <head><title>Mumbai</title></head> <body style bgcolor="Sienna"> <font face="Verdana" color="Wheat"> <center><h1>Mumbai</h1></center>

<h3><marquee><i>Maharashtra, India</i></marquee></h3> <p>Mumbai is the capital of the Indian state of Maharashtra. It is the most populous city in India. Mumbai lies on the west coast of India and has a deep natural harbour. Mumbai is the commercial and entertainment capital of India. Mumbai's business opportunities, as well as its potential to offer a higher standard of living, attract migrants from all over India and, in turn, make the city a potpourri of many communities and cultures.</p><br> <center><a href="india.html">Back to India map</a></center> </font></body> </html>

OUTPUT:

You might also like