HTML中表格标签——合并单元格
合并单元格
两种⽅式：1）跨⾏合并；2）跨列合并；
⽬标单元格（需要合并的单元格，写合并单元格的代码）：
1）跨⾏：⽬标单元格是最上侧单元格；
2）跨列：⽬标单元格时最左侧单元格；
合并单元格的⼩步骤：
1）确定单元格合并的⽅式：跨⾏还是跨列；
2）到⽬标单元格，写下代码；
3）删除多余的单元格。
如图1，⼀个3*3的表格：
将其合并单元格，如图2：
如图所⽰，将第⼀⾏中2，3单元格合并在⼀起，第⼀列的4，7单元格合并在⼀起，
代码⽰例：
<p>合并单元格</p>
<table align="center"border="1"cellpadding="50"cellspacing="0">html表格元素
<tbody align="center">
<tr>
<td>1</td>
<td colspan="2">2</td><!--确定跨列合并的⽬标单元格为2号单元格，写下代码--> <!--<td>3</td>--><!--合并后，3号单元格就是多余的，将之删除-->
</tr>
<tr>
<td rowspan="2">4</td><!--确定跨⾏合并的⽬标单元格为4号单元格，写下代码--> <td>5</td>
<td>6</td>
</tr>
<tr>
<!--<td>7</td>--><!--确定7号单元格为跨⾏合并后多余的单元格，将之删除--> <td>8</td>
<td>9</td>
</tr>
</tbody>
</table>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。