image.png
<!DOCTYPE html>
<!-- 合并單元格(難點(diǎn))
跨行合并:rowspan 跨列合并:colspan
合并單元格的思想:
將多個(gè)內(nèi)容合并的時(shí)候,就會(huì)有多余的東西渤弛,把它刪除结胀。 例如 把 3個(gè) td 合并成一個(gè)沾瓦, 那就多余了2個(gè)酷誓,需要?jiǎng)h除。
公式: 刪除的個(gè)數(shù) = 合并的個(gè)數(shù) - 1
合并的順序 先上后下 先左 后右 -->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>05 合并單元格</title>
</head>
<body>
<table width="400" height="100" border="1">
<tr>
<td>123</td>
<td>abc</td>
<td rowspan="2">abc</td>
</tr>
<tr>
<td colspan="2">123</td>
<!-- <td>abc</td> -->
<!-- <td>abc</td> -->
</tr>
<tr>
<td>123</td>
<td colspan="2">abc</td>
<!-- <td>abc</td> -->
</tr>
</table>
1.跨列合并 colspan(先確認(rèn)是跨行還是跨列然后確定哪一個(gè))
</body>
</html>