HTML Code design Time Table using rowspan and colspan

<!doctype html>
<html>
	<head>
		<title>Table Assignment 2 </title>
	</head>
	<body>
		<table border="1" align="center" width="60%" cellpadding="10px">
			<tr>
				<th colspan="6">Time Table</th>
			</tr>
			<tr>
				<th rowspan="6">Hours</th>
				<th>Mon</th>
				<th>Tue</th>
				<th>Wed</th>
				<th>Thu</th>
				<th>Fri</th>
			</tr>
			<tr>
				<td>Science</td>
				<td>Maths</td>
				<td>Science</td>
				<td>Maths</td>
				<td>Arts</td>
			</tr>
			<tr>
				<td>Science</td>
				<td>Maths</td>
				<td>Science</td>
				<td>Maths</td>
				<td>Arts</td>
			</tr>
			<tr>
				<th colspan="5" align="center">LUNCH</th>
			</tr>
			<tr>
				<td>Science</td>
				<td>Maths</td>
				<td>Science</td>
				<td>Maths</td>
				<td rowspan="2">Project</td>
			</tr>
			<tr>
				<td>Science</td>
				<td>Maths</td>
				<td>Science</td>
				<td>Maths</td>			
			</tr>
		</table>
	</body>
</html>

Output

Check Output

Programming Examples

HTML Code design Time Table using rowspan and colspan