Create table with ROWSPAN and COLSPAN attribute of TABLE in HTML (Prepare timetable of your class). Include CELLSPACING & CELL PADDING
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Class Timetable</title>
<style>
table {
width: 80%;
border-collapse: collapse;
margin: 20px auto;
}
th, td {
border: 1px solid black;
padding: 10px;
text-align: center;
}
</style>
</head>
<body>
<table cellspacing="10" cellpadding="5">
<tr>
<th rowspan="2">Time</th>
<th colspan="2">Monday</th>
<th colspan="2">Tuesday</th>
<th rowspan="2">Wednesday</th>
<th colspan="2">Thursday</th>
<th rowspan="2">Friday</th>
</tr>
<tr>
<td>Subject</td>
<td>Room</td>
<td>Subject</td>
<td>Room</td>
<td>Subject</td>
<td>Room</td>
</tr>
<tr>
<td>8:00 AM</td>
<td>Math</td>
<td>101</td>
<td>English</td>
<td>202</td>
<td>Science</td>
<td>303</td>
<td>Physical Ed.</td>
<td>Gym</td>
</tr>
<tr>
<td>10:00 AM</td>
<td>History</td>
<td>105</td>
<td>Geography</td>
<td>208</td>
<td rowspan="2">Break</td>
<td>Math</td>
<td>307</td>
<td>Chemistry</td>
<td>Lab</td>
</tr>
<tr>
<td>1:00 PM</td>
<td>Physics</td>
<td>110</td>
<td rowspan="2">Lunch</td>
<td>English</td>
<td>312</td>
<td>Biology</td>
<td>Lab</td>
</tr>
<tr>
<td>3:00 PM</td>
<td rowspan="2">Art</td>
<td rowspan="2">Art Studio</td>
<td>Chemistry</td>
<td>404</td>
<td>History</td>
<td>506</td>
</tr>
<tr>
<td>5:00 PM</td>
<td>Geography</td>
<td>Studio</td>
<td>Physics</td>
<td>Lab</td>
<td>Music</td>
<td>Music Room</td>
</tr>
</table>
</body>
</html>
Comments
Post a Comment