HTML中表格跨行跨列深入分析

想要把原来标准的四行四列的表格弄成如下图:

 

目标单元格:最左侧和最右侧的那个单元格

 

从目标单元格开始标个箭头到最后的单元格,如下图,画"X"的单元格位置即为你要在代码中删掉的单元格。在本例中,要删掉的单元格为 (1,2)、(1,3)、(3,4)、(4,4)。

 

 

<table align="center" border="1" cellpadding="0" cellspacing="0" width="500" height="400">
        <tr>
            <td colspan="3"></td>
            <td></td>

        </tr>

        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td rowspan="3"></td>
            
        </tr>

        <tr>
            <td></td>
            <td></td>
            <td></td>
       
            
        </tr>

        <tr>
            <td></td>
            <td></td>
            <td></td>
       
            
        </tr>

    </table>