Scribd
Upload
6 views

Program 2

The document is an HTML representation of a class timetable, detailing the schedule from Monday to Friday. It includes various subjects and highlights elective and lab hours with specific background colors. The table is structured with headers, body rows for each time slot, and a footer explaining the color coding for elective and lab hours.

Uploaded by

flytechi13579
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
6 views

Program 2

The document is an HTML representation of a class timetable, detailing the schedule from Monday to Friday. It includes various subjects and highlights elective and lab hours with specific background colors. The table is structured with headers, body rows for each time slot, and a footer explaining the color coding for elective and lab hours.

Uploaded by

flytechi13579
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport", content="width=device-width, initial-scale=1.0">
<title>time table</title>

<style>
table {
border-collapse: collapse;

width: 100%;
}
th, td {
border: 1px solid black;
padding: 8px;
text-align: center;
}
th {
background-color: #f2f2f2;
}
.lab-hours {
background-color: #ffcccc;
}
.elective-hours {
background-color: #ccffcc;
}
.row-color-1 {
background-color: #e6f3ff;
}
.row-color-2 {
background-color: #fff0e6;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th colspan="6">Class Time Table</th>
</tr>
<tr>
<th>Time/Day</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
</tr>
</thead>
<tbody>
<tr class="row-color-1">
<td>9:00 - 10:00</td>
<td>Math</td>
<td>English</td>
<td>Science</td>
<td>History</td>
<td>Geography</td>
</tr>
<tr class="row-color-2">
<td>10:00 - 11:00</td>
<td>English</td>
<td>Math</td>
<td>History</td>
<td>Science</td>
<td>Art</td>
</tr>
<tr class="row-color-1">
<td>11:00 - 12:00</td>
<td class="elective-hours">Elective 1</td>
<td>Geography</td>
<td class="elective-hours">Elective 2</td>
<td>English</td>
<td>Math</td>
</tr>
<tr class="row-color-2">
<td>12:00 - 13:00</td>
<td colspan="5">Lunch Break</td>
</tr>
<tr class="row-color-1">
<td>13:00 - 15:00</td>
<td class="lab-hours" colspan="2">Science Lab</td>
<td class="lab-hours" colspan="2">Computer Lab</td>
<td class="elective-hours">Elective 3</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="6">* Elective hours are in green, Lab hours are in
pink</td>
</tr>
</tfoot>
</table>
</body>
</html>

You might also like