Để gộp cột bảng trong HTML, hãy dùng thuộc tính colspan trong thẻ <td>. Với này, bạn có thể gộp các ô với nhau. Ví dụ: nếu bảng có 4 hàng 4 cột, dùng colspan có thể gộp 2 hoặc 3 ô.
Ví dụ 1: Bảng 3x3 bình thường
<!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>
Kết quả
Ví dụ 2: Gộp 2 cột đầu tiên
<!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 colspan="2"></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table> </body> </html>
Kết quả
