Scribd
Upload
19 views17 pages

Exp 1

The document provides code to create a web page with an embedded map of India. Hotspots are added to the map that link to separate pages with information about each corresponding state. Clicking a hotspot will open a new page with details about that state, such as the local language and capital city. The code includes the main page with the map and hotspots defined, and separate pages for each state with the relevant information.

Uploaded by

Koushik R
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
19 views17 pages

Exp 1

The document provides code to create a web page with an embedded map of India. Hotspots are added to the map that link to separate pages with information about each corresponding state. Clicking a hotspot will open a new page with details about that state, such as the local language and capital city. The code includes the main page with the map and hotspots defined, and separate pages for each state with the relevant information.

Uploaded by

Koushik R
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 17

</html>

Kerala.html
<html>
<head>
<body bgcolor="#7674dshddf"/>
<center>it is a kerala,here
maximum malaiyalees living and
capital of kerala is
<h1>Thiruvananthapuram</
h1></center>
</head>
</html>
Karataka.html
<html>
<head>
<body bgcolor="#7674dshddf"/>
<center>it is a karnataka,here
maximum kannadam living and
capital of karnataka is
<h1>Bangalore</h1></center>
</head>
</html>
Madhyapradesh.html
<html>
<head>
<body bgcolor="blue"/>
<center>it is a
madhyapradesh,here maximum
maratiyam living and capital of
madhyapradesh
is <h1>BHOPAL</h1></center>
</head>
</html>
Maharastra.html
<html>
<head>
<body bgcolor="blue"/>
<center>it is a maharashtra,here
maximum maratiyam living and
capital of maharashtra is
<h1>Mumbai</h1></center>
</head>
</html>
Orissa.html
<html>
<head>
<body bgcolor="blue"/>
<center><h2>it is a orissa,here
maximum oreya living and capital
of orissa is</h2>
<h1>Bhubaneswar</h1></
center></head></html
To create a web page with the
following using HTML
a. To embed a map in a web page
b. To fix the hot spots in that map
c. Show all the related information
when the hot spots are clicked.
ALGORITHM:
1. Start the program.
2. Get the india map image and link
it to the package.
3. Fix the hotspots in that image.
4. Map the reference of the hotspots
in the image.
5. Mention the derived link.
6.Click the link to get the desired
image.
7. Stop the program
To create a web page with the
following using HTML
a. To embed a map in a web page
b. To fix the hot spots in that map
c. Show all the related information
when the hot spots are clicked.
ALGORITHM:
1. Start the program.
2. Get the india map image and link
it to the package.
3. Fix the hotspots in that image.
4. Map the reference of the hotspots
in the image.
5. Mention the derived link.
6.Click the link to get the desired
image.
7. Stop the program
To create a web page with the
following using HTML
a. To embed a map in a web page
b. To fix the hot spots in that map
c. Show all the related information
when the hot spots are clicked.
ALGORITHM:
1. Start the program.
2. Get the india map image and link
it to the package.
3. Fix the hotspots in that image.
4. Map the reference of the hotspots
in the image.
5. Mention the derived link.
6.Click the link to get the desired
image.
7. Stop the program
To create a web page with the
following using HTML
a. To embed a map in a web page
b. To fix the hot spots in that map
c. Show all the related information
when the hot spots are clicked.
ALGORITHM:
1. Start the program.
2. Get the india map image and link
it to the package.
3. Fix the hotspots in that image.
4. Map the reference of the hotspots
in the image.
5. Mention the derived link.
6.Click the link to get the desired
image.
7. Stop the program
To create a web page with the
following using HTML
a. To embed a map in a web page
b. To fix the hot spots in that map
c. Show all the related information
when the hot spots are clicked.
ALGORITHM:
1. Start the program.
2. Get the india map image and link
it to the package.
3. Fix the hotspots in that image.
4. Map the reference of the hotspots
in the image.
5. Mention the derived link.
6.Click the link to get the desired
image.
7. Stop the program
To create a web page with the
following using HTML
a. To embed a map in a web page
b. To fix the hot spots in that map
c. Show all the related information
when the hot spots are clicked.
ALGORITHM:
1. Start the program.
2. Get the india map image and link
it to the package.
3. Fix the hotspots in that image.
4. Map the reference of the hotspots
in the image.
5. Mention the derived link.
6.Click the link to get the desired
image.
7. Stop the program
To create a web page with the following using HTML
a. To embed a map in a web pageb.
b. To fix the hot spots in that mapc.
c. Show all the related information when the hot spots are clicked.
ALGORITHM:
1. Start the program.
2. Get the india map image and link it to the package.
3. Fix the hotspots in that image.
4. Map the reference of the hotspots in the image.
5. Mention the derived link.
6.Click the link to get the desired image.
7. Stop the program.

IMPLEMENTATION:

Main.html
<html>
<head>
<BODY
bgcolor="#gop6876cgdt5564ss">
<img src ="indiamap.jpeg"
usemap="indiamap" />
<map name=indiamap>
<AREA SHAPE="rect"
COORDS="190,477,251,562"
HREF="tamilnadu.html"
target="tamilnadu.html" >
<AREA SHAPE="rect"
COORDS="158,477,195,564"
HREF="kerala.html"
target="kerala.html" >
<AREA SHAPE="rect"
COORDS="217,378,238,472,350,36
1" HREF="andhra.html"
target="andhra.html" >
<AREA SHAPE="rect"
COORDS="160,474,212,401,189,43
6" HREF="karnataka.html"
target="karnataka.html" >
<AREA SHAPE="rect"
COORDS="137,382,219,311,129,33
1" HREF="maharashtra.html"
target="maharashtra.html" >
<AREA SHAPE="rect"
COORDS="392,319,334,304,309,36
2," HREF="orissa.html"
target="orissa.html" >
<AREA SHAPE="rect"
COORDS="232,244,238,306,168,28
3" HREF="madhayapradesh.html"
target="madhayapradesh.html" >
</map>
</head>
</html>
Main.html
<html>
<head>
<BODY bgcolor="#gop6876cgdt5564ss">
<img src ="indiamap.jpeg" usemap="indiamap" />
<map name=indiamap>
<AREA SHAPE="rect" COORDS="190,477,251,562"
HREF="tamilnadu.html"target="tamilnadu.html" ><AREA SHAPE="rect"
COORDS="158,477,195,564" HREF="kerala.html"target="kerala.html" >
<AREA SHAPE="rect" COORDS="217,378,238,472,350,361"
HREF="andhra.html"target="andhra.html" >
<AREA SHAPE="rect" COORDS="160,474,212,401,189,436"
HREF="karnataka.html"target="karnataka.html" >
<AREA SHAPE="rect" COORDS="137,382,219,311,129,331"
HREF="maharashtra.html"target="maharashtra.html" >
<AREA SHAPE="rect" COORDS="392,319,334,304,309,362,"
HREF="orissa.html"target="orissa.html" >
<AREA SHAPE="rect" COORDS="232,244,238,306,168,283"
HREF="madhayapradesh.html"target="madhayapradesh.html" >
</map></head></html>

Tamiladu.html
<html>
<head>
<body bgcolor="#fggbhjgdhg"/>
<center><h2>it is a tamilnadu,here
maximum tamilan living and capital
of tamilnadu is
</h2><h1>chennai<h1></center>
</head>
Tamiladu.html
<html>
<head>
<body bgcolor="#fggbhjgdhg"/>
<center>
<h2>it is a tamilnadu,here maximum tamilan living and capital of tamilnadu
is</h2>
<h1>chennai<h1>
</center></head>
<html>

Kerala.html
<html>
<head>
<body bgcolor="#7674dshddf"/>
<center>it is a kerala,here maximum
malaiyalees living and capital of
kerala is
<h1>Thiruvananthapuram</h1></
center>
</head>
</html>
Kerala.html
<html>
<head>
<body bgcolor="#7674dshddf"/>
<center>it is a kerala,here maximum malaiyalees living and capital of kerala is
<h1>Thiruvananthapuram</h1>
</center>
</head>
</html>

Karataka.html
<html>
<head>
<body bgcolor="#7674dshddf"/>
<center>it is a karnataka,here
maximum kannadam living and
capital of karnataka is
<h1>Bangalore</h1></center>
</head>
</html>
Karataka.html
<html>
<head>
<body bgcolor="#7674dshddf"/>
<center>it is a karnataka,here maximum kannadam living and capital of
karnataka is
<h1>Bangalore</h1>
</center>
</head>
</html>

Madhyapradesh.html
<html>
<head>
<body bgcolor="blue"/>
<center>it is a madhyapradesh,here
maximum maratiyam living and
capital of madhyapradesh
is <h1>BHOPAL</h1></center>
</head>
</html>
Madhyapradesh.html
<html>
<head>
<body bgcolor="blue"/>
<center>it is a madhyapradesh,here maximum maratiyam living and capital of
madhyapradeshis
<h1>BHOPAL</h1>
</center>
</head>
</html>

Maharastra.html
<html>
<head>
<body bgcolor="blue"/>
<center>it is a maharashtra,here
maximum maratiyam living and
capital of maharashtra is
<h1>Mumbai</h1></center>
</head>
</html>
Maharastra.html
<html>
<head>
<body bgcolor="blue"/>
<center>it is a maharashtra,here maximum maratiyam living and capital of
maharashtra is
<h1>Mumbai</h1>
</center>
</head>
</html>

Orissa.html
<html>
<head>
<body bgcolor="blue"/>
<center><h2>it is a orissa,here
maximum oreya living and capital of
orissa is</h2>
<h1>Bhubaneswar</h1></
center></head></html>
Orissa.html
<html>
<head>
<body bgcolor="blue"/>
<center>
<h2>it is a orissa,here maximum oreya living and capital of orissa is</h2>
<h1>Bhubaneswar</h1>
</center>
</head>
</html>
1.Create a web page with the
following using HTML a. To embed
a map in a web page b. To fix the hot
spots in
that map c. Show all the related
information when the hot spots are
clicked.

You might also like