Scribd
Upload
12 views6 pages

Time Tam Les

The document contains a timetable for classes over 6 periods from 1:45 PM to 6:30 PM across 6 days (A-F) displayed in an HTML table. The table cells are color coded by class (e.g. red for WT) and some cells are merged or span multiple columns. A CSS stylesheet is included to format the table with colored cells, padding, and other styling.

Uploaded by

Balakumar Bk
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
12 views6 pages

Time Tam Les

The document contains a timetable for classes over 6 periods from 1:45 PM to 6:30 PM across 6 days (A-F) displayed in an HTML table. The table cells are color coded by class (e.g. red for WT) and some cells are merged or span multiple columns. A CSS stylesheet is included to format the table with colored cells, padding, and other styling.

Uploaded by

Balakumar Bk
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

<!

DOCTYPE html>
<html>
<head>
<title>TimeTable</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="timetable">
<table>
<caption>TIME TABLE</caption><br />
<thead>
<tr>
<th scope="colgroup" >Time &
Day order</th>
<th>01:45 - 02:40 PM</th>
<th>02:40 - 03:45 PM</th>
<th>03:35 - 04:30 PM</th>
<th>04:30 - 04:45 PM</th>
<th>04:45 - 05:40 PM</th>
<th>05:40 - 06:30 PM</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="rowgroup" class="class rw">A</td>
<td class="class wt">WT</td>
<td class="class os">OS</td>
<td class="class cn">CN</td>
<td class="class bk" rowspan="6">BREAK</td>
<td class="class ge">GE</td>
<td class="class os">OS</td>
</tr>
<tr>
<td class="class r1">B</td>
<td class="class asp">ASP.NET</td>
<td class="class wt" colspan="2">WT</td>
<td class="class cn">CN</td>
<td class="class ge">GE</td>
</tr>
<tr>
<td class="r2">C</td>
<td class="class wt">WT</td>
<td class="class asp">ASP.NET</td>
<td class="class cn">CN</td>
<td class="class ge">GE</td>
<td class="class asp">ASP.NET</td>
</tr>
<tr>
<td class="r3">D</td>
<td class="class ge">GE</td>
<td class="class os">OS</td>
<td class="class asp">ASP.NET</td>
<td class="class cn" colspan="2">CN</td>
</tr>
<tr>
<td class="r4">E</td>
<td class="class alb" colspan="3">LAB-ASP.NET</td>
<td class="class os">OS</td>
<td class="class wt">WT</td>
</tr>
<tr>
<td class="r5">F</td>
<td class="class wlb" colspan="3">LAB-WT</td>
<td class="class asp">ASP.NET</td>
<td class="class os">OS</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>

.timetable table {
width: 50%;
border-collapse: collapse;
padding: left 10px;
}

.timetable th,
.timetable td {
padding: 10px;
text-align: center;
border: 1px solid #ccc;
}
.class.wt {
background-color: #FF5733;
color: white;
}

.class.os {
background-color: #33FF57;
color: white;
}

.class.cn {
background-color: #3366FF;
color: white;
}

.class.asp {
background-color: #FF3366;
color: white;
}

.class.ge {
background-color: #FF9900;
color: white;
}

.class.alb {
background-color: #ba55d3;
color: white;
}

.class.bk {
background-color: #9acd32;
color: white;

.class.wlb {
background-color: #ff0000;
color: white;
}
.timetable caption{
font-size: larger;
padding: bottom 12px;
font-weight: bolder;
}
/*.timetable thead,td.rw,td.r1,td.r2,td.r3,td.r4,td.r5{
background-color: cadetblue;
}*/
.timetable thead ,tbody td.rw,td.r1,td.r2,td.r3,td.r4,td.r5{
background-color: cadetblue;
font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-
serif;
}
.timetable{
margin: auto;
}

You might also like