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.

 Preview- Click on image

Code-

Note - Save This File as index.html 

<html>
<frameset cols="30%,*">
<frame src="heading.html">
<frame name="f1">
</frameset>
</html>

Note - Save This File as heading.html 

<html>
<body>
  <font size=4><h1>Computer Application Department</h1></font>
  <font size=5>
  <ul>
  <li><a href="bca.html" target="f1">BCA</a><br></li>
  <li><a href="bba.html" target="f1">BBA</a><br></li>
  <li><a href="bsc.html" target="f1">BSC</a><br></li></font>
  </ul>
</body>
</html>

Note - Save This File as bca.html 

<html>
<body>
  <h1>F.Y.B.C.A Exam Time Table</h1>
   <table border=3 cellpadding=10>
     <tr>
<th>Date</th>
<th>Time</th>
<th>Subject code</th>
<th>Subject Name</th>
     </tr>
     <tr>
<td>12/10/2015</td>
<td>10:30 am - 1:30 pm</td>
<td>101</td>
<td>PPA</td>
     </tr>
     <tr>
<td>13/10/2015</td>
<td>10:30 am - 1:30 pm</td>
<td>102</td>
<td>MOE</td>
     </tr>
     <tr>
<td>14/10/2015</td>
<td>10:30 am - 1:30 pm</td>
<td>103</td>
<td>BC</td>
     </tr>
     <tr>
<td>15/10/2015</td>
<td>10:30 am - 1:30 pm</td>
<td>104</td>
<td>PM</td>
     </tr>
     <tr>
<td>16/10/2015</td>
<td>10:30 am - 1:30 pm</td>
<td>105</td>
<td>FA</td>
     </tr>
</body>
</html>

Note - Save This File as bba.html 

<html>
<body>
  <h1>F.Y.B.B.A Exam Time Table</h1>
   <table border=3 cellpadding=10>
     <tr>
<th>Date</th>
<th>Time</th>
<th>Subject code</th>
<th>Subject Name</th>
     </tr>
     <tr>
<td>12/10/2015</td>
<td>10:30 am - 1:30 pm</td>
<td>101</td>
<td>POM</td>
     </tr>
     <tr>
<td>13/10/2015</td>
<td>10:30 am - 1:30 pm</td>
<td>102</td>
<td>BM</td>
     </tr>
     <tr>
<td>14/10/2015</td>
<td>10:30 am - 1:30 pm</td>
<td>103</td>
<td>FMA</td>
     </tr>
     <tr>
<td>15/10/2015</td>
<td>10:30 am - 1:30 pm</td>
<td>104</td>
<td>PM</td>
     </tr>
     <tr>
<td>16/10/2015</td>
<td>10:30 am - 1:30 pm</td>
<td>105</td>
<td>MM</td>
     </tr>
</body>
</html>

Note - Save This File as bsc.html 

<html>
<body>
  <h1>F.Y.B.S.C Exam Time Table</h1>
   <table border=3 cellpadding=10>
     <tr>
<th>Date</th>
<th>Time</th>
<th>Subject code</th>
<th>Subject Name</th>
     </tr>
     <tr>
<td>12/10/2015</td>
<td>10:30 am - 1:30 pm</td>
<td>101</td>
<td>POM</td>
     </tr>
     <tr>
<td>13/10/2015</td>
<td>10:30 am - 1:30 pm</td>
<td>102</td>
<td>BM</td>
     </tr>
     <tr>
<td>14/10/2015</td>
<td>10:30 am - 1:30 pm</td>
<td>103</td>
<td>FMA</td>
     </tr>
     <tr>
<td>15/10/2015</td>
<td>10:30 am - 1:30 pm</td>
<td>104</td>
<td>PM</td>
     </tr>
     <tr>
<td>16/10/2015</td>
<td>10:30 am - 1:30 pm</td>
<td>105</td>
<td>MM</td>
     </tr>
</body>
</html>

0 Comments