<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Time-Table</title>
</head>
<body style="padding: 20px">
<center>
<table>
<caption>XYZ Public School</caption>
<tr>
<th colspan="8" style="background-color: #5a4848d6">Time Table </th>
</tr>
<tr>
<th>Time</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thrusday</th>
<th>Friday</th>
<th>Saturday</th>
<th>Sunday</th>
</tr>
<tr>
<td>
9:30 - 10:30 AM
</td>
<td class="Maths">
Maths
</td>
<td class="Maths">
Maths
</td>
<td class="Maths">
Maths
</td>
<td class="Maths">
Maths
</td>
<td class="Maths">
Maths
</td>
<td class="Maths">
Yoga
</td>
<td rowspan="7" style="color: black; background-color:red">
Holiday
</td>
</tr>
<tr>
<th>
10:30 - 11:30 AM
</th>
<td class="History">
History
</td>
<td class="History">
History
</td>
<td class="History">
History
</td>
<td class="History">
History
</td>
<td class="History">
History
</td>
<td class="History">
Music
</td>
</tr>
<tr>
<th>
11:30 - 12:30 PM
</th>
<td class="English">
English
</td>
<td class="English">
English
</td>
<td class="English">
English
</td>
<td class="English">
English
</td>
<td class="English">
English
</td>
<td class="English">
Algebra
</td>
</tr>
<tr>
<th>
12:30 - 1:00 PM
</th>
<td class="Lunch" colspan="6" style="text-align: center;">
Lunch
</td>
</tr>
<tr>
<th>
1:00 - 1:30 PM
</th>
<td class="Music">
Music
</td>
<td class="Music">
Music
</td>
<td class="Music">
Music
</td>
<td class="Music">
Music
</td>
<td class="Music">
Music
</td>
<td class="Music">
Games
</td>
</tr>
<tr>
<th>
1:30 - 2:00 PM
</th>
<td class="Cultural">
Cultural
</td>
<td class="Cultural">
Cultural
</td>
<td class="Cultural">
Cultural
</td>
<td class="Cultural">
Computer
</td>
<td class="Cultural">
Computer
</td>
<td class="Cultural">
Computer
</td>
</tr>
</table>
</center>
</body>
</html>
xxxxxxxxxx
<style>
table,th,td{
border: 1px solid black;
border-collapse: collapse;
padding: 5px;
}
caption
{
font-weight: 800;
font-size: large;
color:#7d1fca
}
.Maths{
background-color:#6AC47E;
}
.History{
background-color: #FF6666;
}
.Lunch{
background-color: #758283;
}
.English{
background-color: #c08aed;
}
.Music{
background-color: #F4CE6A;
}
.Cultural{
background-color: #46B2E0;
}
</style>
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.