Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách thêm hàng bảng (table row) trong HTML?

Sử dụng thẻ <tr> để thêm một hàng trong bảng HTML. Thẻ <tr> xác định một hàng bảng bên trong phần tử <table>.

Các thuộc tính của thẻ <tr> (đã ngừng hỗ trợ)

Lưu ý: Các thuộc tính dưới đây đã bị deprecated trong HTML5. Nên sử dụng CSS để định dạng.

Thuộc tính Giá trị Mô tả
align right, left, center, justify, char Deprecated – Căn chỉnh trực quan.
bgcolor rgb(x,x,x), #hexcode, colorname Deprecated – Màu nền của ô bảng.
char Character Deprecated – Ký tự để căn chỉnh văn bản (khi align="char").
charoff pixels hoặc % Deprecated – Độ lệch căn chỉnh so với ký tự đầu tiên.
valign top, middle, bottom, baseline Deprecated – Căn chỉnh dọc.

Ví dụ

Mã sau minh họa cách thêm hàng vào bảng HTML:

<!DOCTYPE html>
<html>
  <head>
    <title>Thẻ tr trong HTML</title>
  </head>
  <body>
    <table border="1">
      <tr>
        <th>Cầu thủ</th>
        <th>Xếp hạng</th>
      </tr>
      <tr>
        <td>Virat Kohli</td>
        <td>1</td>
      </tr>
      <tr>
        <td>AB de Villiers</td>
        <td>2</td>
      </tr>
    </table>
  </body>
</html>

Khuyến nghị

Thay vì dùng các thuộc tính cũ, hãy dùng CSS để kiểm soát giao diện bảng (ví dụ: text-align, background-color, vertical-align).