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

Tạo bảng (table) trong HTML

Thẻ HTML <table> dùng để định nghĩa một bảng. Thẻ table chứa các thẻ khác định nghĩa cấu trúc bảng.

Các thuộc tính (đã lỗi thời, nên 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
bgcolor rgb(x,x,x), #hexcode, colorname Đã lỗi thời - Màu nền bảng
border Pixels Đã lỗi thời - Độ rộng viền. "0" = không viền
cellpadding pixels or % Đã lỗi thời - Khoảng cách giữa viền ô và nội dung
cellspacing pixels or % Đã lỗi thời - Khoảng cách giữa các ô
frame void, above, below, hsides, lhs, rhs, vsides, box, border Đã lỗi thời - Cạnh khung hiển thị với border
rules none, groups, rows, cols, all Đã lỗi thời - Quy tắc đường kẻ giữa ô
summary Text Đã lỗi thời - Tóm tắt nội dung
width pixels or % Đã lỗi thời - Chiều rộng bảng

Ví dụ

Bạn có thể chạy mã sau để tạo 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>Xếp hạng</h3>
    <table>
      <tr><th>Hạng</th></tr>
      <tr><td>Nhất</td></tr>
      <tr><td>Nhì</td></tr>
    </table>
  </body>
</html>

Lưu ý: Tất cả thuộc tính trình bày của <table> đã lỗi thời. Nên dùng CSS: border-collapse, padding, width, background-color, v.v.