html4x4表格前两行的表格合并成为一个

如图，4x4的表格已经把第一行和第二行横向合并，现在该怎么把第一行和第二行纵向合并

<table>
                    <tr>
                        <td colspan="4">data</td>
                    </tr>
                    <tr>
                        <td colspan="4">data</td>
                    </tr>
                    <tr>
                        <td>data</td>
                        <td>data</td>
                        <td>data</td>
                        <td>data</td>
                    </tr>
                    <tr>
                        <td>data</td>
                        <td>data</td>
                        <td>data</td>
                        <td>data</td>
                    </tr>
            </table>

1、tr加rowspan属性就可以了

<table>
                    <tbody><tr rowspan="2">
                        <td colspan="4">上下左右合并</td>
                    </tr>
                    <tr>
                        <td>data</td>
                        <td>data</td>
                        <td>data</td>
                        <td>data</td>
                    </tr>
                    <tr>
                        <td>data</td>
                        <td>data</td>
                        <td>data</td>
                        <td>data</td>
                    </tr>
            </tbody></table>

纵向合并，你直接用一个tr就可以了，再改下高度