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

Cách hiển thị nội dung bảng trong HTML


Sử dụng thẻ trong HTML để hiển thị nội dung bảng. Thẻ HTML được sử dụng để thêm phần nội dung vào bảng. Thẻ tbody được sử dụng cùng với thẻ thead và thẻ tfoot để 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 của thẻ -

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 mã sau để hiển thị nội dung bảng trong HTML -

<!DOCTYPE html>
<html>
   <head>
      <title>HTML tbody Tag</title>
   </head>
   <body>
      <table style = "width:100%" border = "1">
         <thead>
            <tr>
               <td colspan = "4">This is the head of the table</td>
            </tr>
         </thead>
         <tfoot>
            <tr>
               <td colspan = "4">This is the foot 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>