HTML中表格标签——合并单元格

合并单元格
两种方式:1)跨行合并;2)跨列合并;
目标单元格(需要合并的单元格,写合并单元格的代码):
1)跨行:目标单元格是最上侧单元格;
2)跨列:目标单元格时最左侧单元格;
合并单元格的小步骤:
1)确定单元格合并的方式:跨行还是跨列;
2)找到目标单元格,写下代码;
3)删除多余的单元格。
如图1,一个3*3的表格:
HTML中表格标签——合并单元格_第1张图片
将其合并单元格,如图2:
HTML中表格标签——合并单元格_第2张图片
如图所示,将第一行中2,3单元格合并在一起,第一列的4,7单元格合并在一起,
代码示例:

<p>合并单元格p>
<table align="center" border="1" cellpadding="50" cellspacing="0" >
    <tbody align="center">
    <tr>
        <td>1td>
        <td colspan="2">2td>  
               
    tr>
    <tr>
        <td rowspan="2">4td>   
        <td>5td>
        <td>6td>
    tr>
    <tr>
               
        <td>8td>
        <td>9td>
    tr>
    tbody>
table>

你可能感兴趣的:(HTML基础)