HTML5学习-合并单元格

简介： HTML5学习-合并单元格

合并单元格

1，说明：特殊情况下，可以把多个单元格合并为一个单元格，这里只需要知到简单的即可

2，合并单元格的方式

跨行合并： rowspan=“合并单元格的个数”

跨列合并： colspan=“合并单元格的个数”

3，目标单元格：（写合并代码）

跨行：最上侧单元格为目标单元格，写合并代码

跨列：最左侧单元格为目标单元格，写合并代码

4，合并单元格的三部曲：

先确定是跨行合并还是跨列合并

找到目标单元格，写上合并方式=合并单元格的数量，eg：

删除多余的单元格

5，示例

            <table width="500" height="249" border="1" cellspacing="0">
                <tr>
                    <td></td>
                    <td colspan="2"></td>
                </tr>        
                <tr>            
                    <td rowspan="2"></td>            
                    <td></td>            
                    <td></td>        
                </tr>        
                <tr>            
                    <td></td>            
                    <td></td>        
                </tr>    
            </table>