Để hợp nhất các ô trong HTML, hãy sử dụng thuộc tính colspan và rowspan. Thuộc tính rowspan dành cho số hàng mà một ô sẽ kéo dài, trong khi thuộc tính colspan dành cho một số cột mà một ô sẽ kéo dài.
Cả hai thuộc tính sẽ nằm bên trong thẻ
Ví dụ
Trước tiên, chúng ta sẽ xem cách tạo một bảng trong HTML với 3 hàng và 3 cột
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
width: 100px;
height: 50px;
}
</style>
</head>
<body>
<h1>Heading</h1>
<table>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html> Đầu ra
Ví dụ
Hãy hợp nhất các ô bằng cách sử dụng thuộc tính colspan và rowspan
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
width: 100px;
height: 50px;
}
</style>
</head>
<body>
<h1>Heading</h1>
<table>
<tr>
<th colspan="2"></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
<td rowspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
</html> Đầu ra