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>


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