Cách chỉ định số cột ô bảng trải qua (colspan) trong HTML?

Sử dụng thuộc tính colspan trên <td> hoặc <th> để gộp ô ngang theo số cột chỉ định.

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <style>
      table, th, td { border: 1px solid black; border-collapse: collapse; padding: 8px; }
    </style>
  </head>
  <body>
    <h2>Tổng điểm</h2>
    <table>
      <tr>
        <th>Môn học</th>
        <th>Điểm</th>
      </tr>
      <tr>
        <td>Toán</td>
        <td>300</td>
      </tr>
      <tr>
        <td>Java</td>
        <td>450</td>
      </tr>
      <tr>
        <td colspan="2">Tổng điểm: 750</td>
      </tr>
    </table>
  </body>
</html>

Lưu ý

• colspan="n": ô trải qua n cột.
• Cặp đôi với rowspan (trải qua n hàng).
• Tổng số ô (tính colspan) trong mỗi hàng phải bằng số cột của bảng.