Есть смысл в шапке страницы прописать размеры ячеек:
По сути, нам нужна таблица 4 на 4, в которой некоторые ячейки объединены.
Первый ряд - три ячейки:
- <td colspan="2"></td> - ячейка шириной как две ячейки
- <td rowspan="2"></td> - ячейка высотой как две ячейки
- <td></td> - обычная ячейка
Второй ряд - две ячейки:
- <td rowspan="2" colspan="2"></td> - ячейка шириной и высотой как две ячейки
- вертикальную пропускаем, уже объявили ее в первом ряду
- <td rowspan="2"></td> - ячейка высотой как две ячейки
Третий ряд - одна ячейка:
- большую пропускаем, она уже объявлена во втором ряду
- <td></td> - обычная ячейка
- вертикальную пропускаем, мы уже объявили ее в втором ряду
Четвертый ряд - три ячейки:
- <td></td> - обычная ячейка
- <td colspan="2"></td> - ячейка шириной как две ячейки
- <td></td> - обычная ячейка