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>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章