5)Write HTML and CSS code to design
a web page. Divide the browser screen into two frames.
first frame will display the
heading. The second frame contains a menu consisting of hyperlinks.
Clicking on any one of these
hyperlinks will display related information in a new page as shown below.Use
Internal style sheet with appropriate attributes to display information of each
frame.
COMPUTER APPLICATION DEPARTMENT
|
F.Y.
B.C.A. Exam Time Table
|
Main.html
<html>
<frameset cols="30%,*">
<frame src="f1.html"target="frame1">
<frame src="f2.html"target="frame2">
</frameset>
</html>
f1.html
<html>
<head>
<title>Heading</title>
<body>
<h1 align="center">COMPUTER SCIENCE DEPARTMENT</H1>
</body>
</html>
f2.html
<html>
<head>
<title>CSD</title>
</head>
<body>
<h1>Bachelor of Computer Applications</h1>
<ul type="square">
<li><a href="f3.html"target="_blank">FYBCA</a></li>
<li><a href="f4.html"target="_blank">SYBCA</a></li>
<li><a href="f5.html"target="_blank">TYBCA</a></li>
</ul>
</body>
</html>
F3.html
<html>
<head>
<title>FYBCA</title>
<style type="text/css">
h3
{
color:red;
text-align:center;
}
tr
{
text-align:center;
}
</style>
</head>
<body>
<h3>F.Y.BCA Exam Time Table</h3>
<table border="1"width="80%"cellspacing="2"cellpadding="10"align="center">
<tr>
<th>Date</th>
<th>Time</th>
<th>Subject Code</th>
<th>Subject Name</th>
</tr>
<tr>
<td>12/10/2015</td>
<td>10:30am-1:30pm</td>
<td>101</td>
<td>PPA</td>
</tr>
<tr>
<td>13/10/2015</td>
<td>10:30am-1:30pm</td>
<td>102</td>
<td>MOE</td>
</tr>
<tr>
<td>14/10/2015</td>
<td>10:30am-1:30pm</td>
<td>103</td>
<td>BC</td>
</tr>
<tr>
<td>15/10/2015</td>
<td>10:30am-1:30pm</td>
<td>104</td>
<td>FA</td>
</tr>
<tr>
<td>16/10/2015</td>
<td>10:30am-1:30pm</td>
<td>105</td>
<td>PM</tr>
</tr>
</body>
</html>
