Я очень долго мучался и не понимаю как сделать такую таблицу :
Основу таблицы я сделал без проблем :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><==!Table!==></title>
</head>
<body>
<table align = "center" width="900" height = "900"border = "2">
<tr>
<th style="background-color: green"></th>
<th colspan="4" rowspan="2" style="background-color: red"></th>
<th style="background-color: green"></th>
</tr>
<tr>
<th width="200"style="background-color: green"></th>
<th width="200"style="background-color: green"></th>
</tr>
<tr>
<th rowspan="3" style="background-color: red" colspan="3"></th>
<th style="background-color: green"></th>
<th style="background-color: blue" width="20"></th>
<th style="background-color: blue" width="20"></th>
</tr>
<tr>
<th width="200" style="background-color: green"></th>
<th style="background-color: blue" width="0"></th>
<th style="background-color: blue" width="20"></th>
</tr>
<tr><th width="200" style="background-color: green"></th>
<th width="200" style="background-color: green"></th>
<th width="200" style="background-color: green"></th>
</tr>
</table>
</body>
</html>
Я не понимаю как сделать синие квадраты и нижний большой красный куб.Помогите её пожалуйста закончить , если можно с объяснением.