Skip to main content

Write HTML and CSS code to design a web page. Divide the browser screen into two frames. The 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

· 2 min read
Kaustubh Kulkarni

Write HTML and CSS code to design a web page. Divide the browser screen into two frames. The 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

file1.html
<html>
<head><title></title></head>
<body>
<table border="1">
<caption style="color:red";font-family:arial>F.Y.B.C.A. Exam Time Table </font></caption>
<tr>
<th>Date</th>
<th>Time</th>
<th>Subject Code</th>
<th>Subject Name</th>
</tr>
<tr>
<td>10/10/2018</td>
<td>10:30am-01:30pm</td>
<td>101</td>
<td>PPA</td>
</tr>
<tr>
<td>13/10/2018</td>
<td>10:30am-01:30pm</td>
<td>102</td>
<td>MOE</td>
</tr>
<tr>
<td>14/10/2018</td>
<td>10:30am-01:30pm</td>
<td>103</td>
<td>BC</td>
</tr>
<tr>
<td>15/10/2018</td>
<td>10:30am-01:30pm</td>
<td>104</td>
<td>PM</td>
</tr>
<tr>
<td>16/10/2018</td>
<td>10:30am-01:30pm</td>
<td>105</td>
<td>FA</td>
</tr>
</table>
</body>
</html>

DateTimeSubject CodeSubject Name
10/10/201810:30am-01:30pm101PPA
13/10/201810:30am-01:30pm102MOE
14/10/201810:30am-01:30pm103BC
15/10/201810:30am-01:30pm104PM
16/10/201810:30am-01:30pm105FA
file2.html
<html>
<head><title></title></head>
<body>
<table border="1">
<caption style="color:blue";font-family:arial> S.Y.B.C.A. Exam Time Table </caption>
<tr>
<th>Date</th>
<th>Time</th>
<th>Subject Code</th>
<th>Subject Name</th>
</tr>
<tr>
<td>10/10/2018</td>
<td>10:30am-01:30pm</td>
<td>201</td>
<td>RD</td>
</tr>
<tr>
<td>13/10/2018</td>
<td>10:30am-01:30pm</td>
<td>202</td>
<td>DS</td>
</tr>
<tr>
<td>14/10/2018</td>
<td>10:30am-01:30pm</td>
<td>203</td>
<td>OS</td>
</tr>
<tr>
<td>15/10/2018</td>
<td>10:30am-01:30pm</td>
<td>204</td>
<td>BM</td>
</tr>
<tr>
<td>16/10/2018</td>
<td>10:30am-01:30pm</td>
<td>205</td>
<td>SE</td>
</tr>
</table>
</body>
</html>

DateTimeSubject CodeSubject Name
10/10/201810:30am-01:30pm201RD
13/10/201810:30am-01:30pm202DS
14/10/201810:30am-01:30pm203OS
15/10/201810:30am-01:30pm204BM
16/10/201810:30am-01:30pm205SE
file3.html
<html>
<head><title> </title></head>
<body>
<a href="file1.html">FYBCA</a><br>
<a href="file2.html">SYBCA</a>
</body>
</html>
file4.html

<html>
<head>
</head>
<body>
<h1 style="color:red";font-family:arial><b>COMPUTER SCIENCE <br>DEPARTMENT </b></h1>
</body>
</html>
file5.html

<html>
<frameset cols="30%,70%">
<frame src=comp_sci.html>
<frame src=menu.html>
</frameset>
</html>

Output: