Web Technologies
Slip2
Q.1) Write HTML and CSS code to design a web page displaying list of hyperlinks. Divide the browser screen into two frames. The first frame will display the heading. Divide the second frame into two columns. The frame on the left will be a menu consisting of hyperlinks. Clicking on any one of these hyperlinks will display related information as a new page which must be open in frame on the right hand side.
Use Inline style sheet with appropriate attributes to display information of each frame. [Marks 30]
Use Inline style sheet with appropriate attributes to display information of each frame. [Marks 30]
Solution
head.html
<html><head>
<style type="text/css">
h1{color:black;text-align:center;}
</style>
</head>
<body>
<h1>IT Industries in INDIA</h1>
</body>
</html>
pune.html
<html>
<head>
<style type="text/css">
h1{color:black;text-align:left;}
</style>
</head>
<body>
<h1>Pune</h1>
<ul type="disc">
<li>Infosys</li>
<li>TCS</li>
<li>Tech-Mahindra</li>
<li>Persistent</li>
</ul>
</body>
</html>
city.html
<html>
<head>
<style type="text/css">
h1{color:blue;text-align:left;}
</style>
</head>
<body>
<h1>City</h1>
<ol type="1">
<li> <a href="G:\BCA PAPER\TYBCA\Web Technology Practical\HTML\Slip2\pune.html" target=f1>Pune</a>
<li> <a href="G:\BCA PAPER\TYBCA\Web Technology Practical\HTML\Slip2\b1.html" target=f1>Banglore</a>
<li> <a href="G:\BCA PAPER\TYBCA\Web Technology Practical\HTML\Slip2\h1.html" target=f1>Hydrabad</a>
<li> <a href="G:\BCA PAPER\TYBCA\Web Technology Practical\HTML\Slip2\d1.html" target=f1>Delhi</a>
</ol>
</body>
</html>
h1.html
<html>
<head>
<style type="text/css">
h1{color:black;text-align:left;}
</style>
</head>
<body>
<h1>Hydrabad</h1>
<ul type="disc">
<li>Infosys</li>
<li>TCS</li>
<li>Tech-Mahindra</li>
<li>Persistent</li>
</ul>
</body>
</html>
b1.html
<html>
<head>
<style type="text/css">
h1{color:black;text-align:left;}
</style>
</head>
<body>
<h1>Banglore</h1>
<ul type="disc">
<li>Infosys</li>
<li>TCS</li>
<li>Tech-Mahindra</li>
<li>Persistent</li>
</ul>
</body>
</html>
d1.html<html>
<head>
<style type="text/css">
h1{color:blue;text-align:left;}
</style>
</head>
<body>
<h1>City</h1>
<ol type="1">
<li> <a href="G:\BCA PAPER\TYBCA\Web Technology Practical\HTML\Slip2\pune.html" target=f1>Pune</a>
<li> <a href="G:\BCA PAPER\TYBCA\Web Technology Practical\HTML\Slip2\b1.html" target=f1>Banglore</a>
<li> <a href="G:\BCA PAPER\TYBCA\Web Technology Practical\HTML\Slip2\h1.html" target=f1>Hydrabad</a>
<li> <a href="G:\BCA PAPER\TYBCA\Web Technology Practical\HTML\Slip2\d1.html" target=f1>Delhi</a>
</ol>
</body>
</html>
h1.html
<html>
<head>
<style type="text/css">
h1{color:black;text-align:left;}
</style>
</head>
<body>
<h1>Hydrabad</h1>
<ul type="disc">
<li>Infosys</li>
<li>TCS</li>
<li>Tech-Mahindra</li>
<li>Persistent</li>
</ul>
</body>
</html>
b1.html
<html>
<head>
<style type="text/css">
h1{color:black;text-align:left;}
</style>
</head>
<body>
<h1>Banglore</h1>
<ul type="disc">
<li>Infosys</li>
<li>TCS</li>
<li>Tech-Mahindra</li>
<li>Persistent</li>
</ul>
</body>
</html>
<html>
<head>
<style type="text/css">
h1{color:black;text-align:left;}
</style>
</head>
<body>
<h1>Delhi</h1>
<ul type="disc">
<li>Infosys</li>
<li>TCS</li>
<li>Tech-Mahindra</li>
<li>Persistent</li>
</ul>
</body>
</html>
frame.html
<html>
<head>
<title>slip2</title>
</head>
<frameset rows="20%,80%">
<frame src="G:\BCA PAPER\TYBCA\Web Technology Practical\HTML\Slip2\head.html">
<frameset cols="30%,70%">
<frame src="G:\BCA PAPER\TYBCA\Web Technology Practical\HTML\Slip2\city.html">
<frame src="" name="f1">
</frameset>
</html>
Tags:
Web Technologies