Pavlo

<!DOCTYPE html>
<html>

    <head>
        <title>Table</title>
        <style>
            .green {
                background-color: #9bbb59;
            }

            .red {
                background-color: #c0504d;
            }

            .cyan {
                background-color: #4f81bd;
            }
        </style>
    </head>

    <body>

        <table width="400" height="200">
            <tr class="green">
                <td></td>
                <td width="50%" rowspan="2" class="red"></td>
                <td></td>
            </tr>
            <tr class="green">
                <td></td>
                <td></td>
            </tr>
        </table>

        <table width="400" height="200">
            <tr>
                <td rowspan="2" class="red"></td>
                <td width="25%" class="green"></td>
                <td width="25%" height="100">
                    <table width="100" height="100">
                        <tr class="cyan">
                            <td></td>
                            <td></td>
                        </tr>
                        <tr class="cyan">
                            <td></td>
                            <td></td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr class="green">
                <td></td>
                <td></td>
            </tr>
        </table>

    </body>

</html>