8.
WRITE A HTML AND CSS
PROGRAM TO CREATE A TIMETABLE.
<!DOCTYPE html>
<head>
<title>Seminar Schedule</title>
<style> table { border-collapse: collapse; width: 80%; margin: 50px auto; text-
align: center; font-family: "Trebuchet MS", Arial, sans-serif;
} th, td { border: 1px solid black; padding: 8px;
} th {
background-colour: #e2e2e8; }
/* cell background colors */
.yellow { background-colour: #f8feas; }
.purple { background-colour: #c768f5; }
.green { background-colour: #afbfa2; }
.cyan { background-colour: #a2e7e1; }
</style> </head> <body> <table>
<!-- Merged cell for Seminar title --> <tr>
<th colspan="4">Seminar</th> </tr>
<!-- Header row --> <tr>
<th rowspan="2">Day</th>
<th colspan="2">Schedule</th>
<th rowspan="2">Topic</th>
</tr> <tr>
<th>Begin</th>
<th>End</th> </tr>
<!-- Monday --> <tr>
<td rowspan="2">Monday</td>
<td class="yellow">8:00 a.m.</td>
<td class = "purple"> 5:00 p.m. </td>
</td> Introduction to XML </td>
<td class = "yellow"> 8:00 am </td>
<td class = "purple"> 5:00 p.m. </td>
<td> validity: DTD and Relax NG </td>
<!-- Tuesday --> <tr>
<td rowspan = "3"> Tuesday </td>
<td class = "yellow"> 8:00 am </td>
<td class = "green"> 11:00 a.m. </td> <td> X Path </td> </tr> <tr>
<td class = "yellow"> 11:00 a.m. </td>
<td class = "green"> 2:00 p.m. </td>
<td> XSL Transformations </td> </tr><tr>
<td class = "yellow"> 2:00 p.m. </td>
<td class = "green"> 5:00 p.m. </td>
<td> XSL formatting Objects </td> <tr>
<! Wednesday --> <tr>
<td> Wednesday </td>
<td class = "yellow"> 8:00 am. </td>
<td class = "cyan"> 12:00 p.m. </td>
<td> Xsl Formatting objects </td> </tr>
</table>
</body>
</html>
OUTPUT:-