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

Cách tạo chân trang (footer) cho bảng trong HTML

Thẻ HTML <tfoot> dùng để thêm chân trang cho bảng. Thẻ <tfoot> dùng kết hợp với <tbody> và <thead> để xác định các phần của bảng (header, footer, body).

Các thuộc tính (đã lỗi thời, dùng CSS):

Thuộc tính Giá trị Mô tả
align right, left, center, justify, char Đã lỗi thời - Căn chỉnh trực quan
char character Đã lỗi thời - Ký tự căn chỉnh text. Dùng khi align="char"
charoff pixels or % Đã lỗi thời - Độ lệch căn chỉnh so với ký tự đầu tiên. Dùng khi align="char"
valign top, middle, bottom, baseline Đã lỗi thời - Căn chỉnh dọc

Ví dụ

Bạn có thể chạy mã sau để tạo chân trang bảng trong HTML:

<!DOCTYPE html>
<html>
  <head>
    <style>
      table, td { border: 1px solid black; border-collapse: collapse; }
    </style>
  </head>
  <body>
    <table style="width:100%">
      <thead>
        <tr><td colspan="4">Đây là đầu bảng</td></tr>
      </thead>
      <tfoot>
        <tr><td colspan="4">Đây là chân bảng</td></tr>
      </tfoot>
      <tbody>
        <tr><td>Ô 1</td><td>Ô 2</td><td>Ô 3</td><td>Ô 4</td></tr>
        <tr><td>Ô 1</td><td>Ô 2</td><td>Ô 3</td><td>Ô 4</td></tr>
      </tbody>
    </table>
  </body>
</html>

Lưu ý: Trong HTML5, <tfoot> có thể đặt trước hoặc sau <tbody> nhưng sẽ hiển thị ở dưới cùng. Các thuộc tính align, char, charoff, valign đã lỗi thời, dùng CSS text-align, vertical-align.