Computer >> Máy Tính >  >> Lập trình >> HTML

Làm thế nào để tạo chân trang bảng trong HTML?


Thẻ HTML được sử dụng để thêm chân trang vào bảng. tfoot được sử dụng cùng với thẻ tbody và thẻ thead trong việc xác định từng phần của bảng (đầu trang, chân trang, nội dung).

Sau đây là các thuộc tính -

Thuộc tính
Giá trị
Mô tả
căn chỉnh
phải
để lại
Trung tâm
biện minh
char
Không dùng nữa - Căn chỉnh trực quan.
char
ký tự
Không dùng nữa - Chỉ định ký tự để căn chỉnh văn bản. Được sử dụng khi align ="char"
charoff
pixel hoặc%
Không dùng nữa - Chỉ định độ lệch căn chỉnh (tính bằng pixel hoặc giá trị phần trăm) so với ký tự đầu tiên như được chỉ định với thuộc tính char. Được sử dụng khi align ="char"
valign
đầu trang
tên đệm
đáy
đường cơ sở
Không dùng nữa - Căn chỉnh theo chiều dọc.

Ví dụ

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

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, td {
            border: 1px solid black;
         }
      </style>
   </head>
   
   <body>
      <table style = "width:100%">
         <thead>
            <tr>
               <td colspan = "4">This is the head of the table</td>
            </tr>
         </thead>
         <tfoot>
            <tr>
               <td colspan = "4">This is the footer of the table</td>
            </tr>
         </tfoot>
         <tbody>
            <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
            <td>Cell 3</td>
            <td>Cell 4</td>
            </tr>

            <tr>
               ...more rows here containing four cells...
            </tr>
         </tbody>
         
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
           
            <tr>
               ...more rows here containing four cells...
            </tr>
         </tbody>
      </table>
   </body>
</html>