Create webpages for the
following.
1) Write a program using HTML to
design your class Time Table.
Answers
answer:
<html>
<head>
<title>time table</title>
</head>
<body bgcolor="skyblue">
<H1><FONT COLOR="DARKCYAN"><CENTER>COLLEGE TIME TABLE</FONT></H1>
<table border="2" cellspacing="3" align="center">
<tr>
<td align="center">
<td>8:30-9:30
<td>9:30-10:30
<td>10:3-11:30
<td>11:30-12:30
<td>12:30-2:00
<td>2:00-3:00
<td>3:00-4:00
<td>4:00-5:00
</tr>
<tr>
<td align="center">MONDAY
<td align="center">---<td align="center"><font color="blue">SUB1<br>
<td align="center"><font color="pink">SUB2<br>
<td align="center"><font color="red">SUB3<br>
<td rowspan="6"align="center">L<br>U<br>N<br>C<br>H
<td align="center"><font color="maroon">SUB4<br>
<td align="center"><font color="brown">SUB5<br>
<td align="center">counselling class
</tr>
<tr>
<td align="center">TUESDAY
<td align="center"><font color="blue">SUB1<br>
<td align="center"><font color="red">SUB2<br>
<td align="center"><font color="pink">SUB3<br>
<td align="center">---
<td align="center"><font color="orange">SUB4<BR>
<td align="center"><font color="maroon">SUB5<br>
<td align="center">library
</tr>
<tr>
<td align="center">WEDNESDAY
<td align="center"><font color="pink">SUB1<br>
<td align="center"><font color="orange">SUB2<BR>
<td align="center"><font color="brown">SWA<br>
<td align="center">---
<td colspan="3" align="center"><font color="green"> lab
</tr>
<tr>
<td align="center">THURSDAY
<td align="center">SUB1<br>
<td align="center"><font color="brown">SUB2<br>
<td align="center"><font color="orange">SUB3<BR>
<td align="center">---
<td align="center"><font color="blue">SUB4<br>
<td align="center"><font color="red">SUB5<br>
<td align="center">library
</tr>
<tr>
<td align="center">FRIDAY
<td align="center"><font color="orange">SUB1<BR>
<td align="center"><font color="maroon">SUB2<br>
<td align="center"><font color="blue">SUB3<br>
<td align="center">---
<td align="center"><font color="pink">SUB4<br>
<td align="center"><font color="brown">SUB5<br>
<td align="center">library
</tr>
<tr>
<td align="center">SATURDAY
<td align="center"><font color="red">SUB1<br>
<td colspan="3" align="center">seminar
<td align="center"><font color="pink">SUB4<br>
<td align="center"><font color="brown">SUB5<br>
<td align="center">library
</tr>
</body>
</html>
The program to display Time Table using HTML is as follows:
<!doctype html>
<html>
<head>
<title>Time Table</title>
</head>
<body>
<table width="70%" align="center” border=”3”>
<div id="heading">
<tr> <th>Time</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thrusday</th>
<th>Friday</th>
<th>Saturday</th>
</tr>
</div>
<tr>
<th>09:00 - 10:00</th>
<td>Distributed System </td>
<td>Artificial Intelligence</td>
<td>Information Theory and Coding</td>
<td>Computer Organization and Architecture</td>
<td>Cloud Computing</td>
<td>Web Programming</td>
</div>
</tr>
<tr>
<th>10:00 - 11:00</th>
<td>Information Theory and Coding</td>
<td>Web Programming</td>
<td>Artificial Intelligence</td>
<td>Artificial Intelligence</td>
<td>Cloud Computing</td>
<td>Distributed System</td>
</div>
</tr>
<tr> <th>11:00 - 12:00</td>
<td>Distributed System</th>
<td>Information Theory and Coding</td>
<td>Cloud Computing</td>
<td>Computer Networks</td>
<td>Web Programming</td>
<td>Artificial Intelligence</td>
</div>
</tr>
<tr>
<th>12:00 - 01:00</th>
<td>Distributed System</td>
<td>Computer Organization and Architecture</td>
<td>Cloud Computing</td>
<td>Web Programming</td>
<td>Information Theory and Coding</td>
<td>Artificial Intelligence</td> </div>
</tr>
<tr>
<th>01:00 - 02:00</th>
<td>Distributed System</td>
<td>Web Programming</td>
<td>Cloud Computing</td>
<td>Computer Organization and Architecture</td>
<td>Information Theory and Coding</td>
<td>Artificial Intelligence</td>
</div>
</tr>
</table>
</body>
</html>