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

Cách hiển thị ô bảng (table cell) trong HTML

Dùng thẻ <td> để hiển thị ô bảng. Thẻ <td> dùng để chỉ định ô hoặc dữ liệu bảng trong một bảng.

Các thuộc tính (nhiều đã lỗi thời, khuyến nghị dùng CSS):

Thuộc tính Giá trị Mô tả
abbr abbreviated_text Đã lỗi thời - Phiên bản rút gọn nội dung ô
align right, left, center, justify, char Đã lỗi thời - Căn chỉnh trực quan
axis name Đã lỗi thời - Danh mục cho ô, hữu ích cho truy vấn/trình đọc màn hình
bgcolor rgb(x,x,x), #hexcode, colorname Đã lỗi thời - Màu nền ô
char character Đã lỗi thời - Ký tự căn chỉnh. Dùng khi align="char"
charoff pixels or % Đã lỗi thời - Độ lệch căn chỉnh. Dùng khi align="char"
colspan number Số cột ô trải qua
headers id Danh sách ID ô header chứa thông tin về ô này. Hữu ích cho trình duyệt không trực quan
height pixels Đã lỗi thời - Chiều cao ô
nowrap nowrap Đã lỗi thời - Ngăn tự động ngắt dòng
rowspan numbers Số hàng ô trải qua
scope col, colgroup, row, rowgroup Đã lỗi thời - Ô nào dùng header này (dùng cho th)
valign top, middle, bottom, baseline Đã lỗi thời - Căn chỉnh dọc
width pixels or % Đã lỗi thời - Chiều rộng ô

Ví dụ

Bạn có thể chạy mã sau để hiển thị ô bảng trong HTML:

<!DOCTYPE html>
<html>
  <head>
    <style>
      table, th, td { border: 1px solid black; border-collapse: collapse; }
      th, td { padding: 8px; }
    </style>
  </head>
  <body>
    <h3>Kết quả</h3>
    <table>
      <tr><th>Điểm</th><th>Sinh viên</th></tr>
      <tr><td>600</td><td>Amit</td></tr>
      <tr><td>400</td><td>Anil</td></tr>
    </table>
  </body>
</html>