Cách tạo hàng & cột bảng (table rows & columns) trong HTML

Giới thiệu

Để tạo hàng và cột bảng trong HTML, dùng thẻ <table>. Bảng gồm hàng và cột, được thiết lập bằng một hoặc nhiều phần tử <tr>, <th>, <td>. Hàng bảng được định nghĩa bằng thẻ <tr>. Cho hàng và cột, dùng <tr> và <td> tương ứng. Thẻ <td> định nghĩa ô dữ liệu.

Chú ý: nhiều thuộc tính bảng như align, bgcolor, border, cellpadding, cellspacing không được hỗ trợ bởi HTML5. Đừng dùng chúng. Dùng style attribute để thêm CSS border cho bảng. Chúng ta cũng dùng thẻ <style> để định dạng viền bảng.

Ví dụ

<!DOCTYPE html> 
<html> 
  <head> 
    <style> 
      table, th, td { 
        border: 1px solid black; 
      } 
    </style> 
  </head> 
  <body> 
    <h2>Understanding Tables</h2> 
    <table> 
      <tr> 
        <th>Header: This is row1 column1</th> 
        <th>Header: This is row1 column2</th> 
      </tr> 
      <tr> 
        <td>This is row2 column1</td> 
        <td>This is row2 column2</td> 
      </tr> 
    </table> 
  </body> 
</html>

Kết quả