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
We take content rights seriously. If you suspect this is your content, claim it here.
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
We take content rights seriously. If you suspect this is your content, claim it here.
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

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy