Untitled

<!doctype html>

<html>
<head>
	<meta charset="utf-8">
	<style>
		table {border:50px}
		#rood {background-color: red}
		#geel {background-color: yellow}
		#zwart {background-color: black}
		#blauw {background-color: blue}
		#grijs {background-color: grey}
	</style>
</head>

<body>
	<table width="500" height="500" cellpadding="10" cellspacing="10" frame="box" rules="all">
		<tr>
			<td colspan="2" id="grijs"> 1 </td> <td colspan="3"> 2 </td> <td colspan="2" id="geel"> 3 </td>
		</tr>

		<tr>
			<td rowspan="2"> 8 </td> <td colspan="4" rowspan="4" id="rood";> 9 </td> <td rowspan="2" colspan="2" id="geel"> 10 </td>
		</tr>

		<tr>

		</tr>
		<tr>
			<td rowspan="3"> 22 </td> <td rowspan="2"> 23 </td> <td rowspan="2"> 24 </td>
		</tr>
		<tr>

		<tr>
			<td colspan="2" rowspan="2" id="zwart"> 36 </td> <td colspan="2" id="grijs"> 37 </td> <td colspan="2"> 38 </td>
		</tr>
		<tr>
			<td rowspan="3" id="geel"> 43 </td> <td colspan="2" id="grijs"> 44 </td> <td colspan="2" rowspan="2" id="blauw"> 45 </td>
		</tr>
		<tr>
			<td colspan="2" rowspan="2"> 50 </td> <td id="zwart"> 51 </td>
		</tr>
		<tr>
			<td colspan="4" id="grijs"> 57 </td>
		</tr>
	</table>
</body>
</html>