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

Làm cách nào để chúng tôi hiển thị một ô bảng trong HTML


e thẻ để hiển thị một ô trong bảng. Thẻ HTML được sử dụng để chỉ định dữ liệu ô hoặc bảng trong bảng.

Nó hỗ trợ các thuộc tính sau -

trục
Thuộc tính
Giá trị
Mô tả
abbr
văn bản viết tắt Không dùng nữa - Chỉ định phiên bản viết tắt của nội dung trong một ô.
căn chỉnh
căn giữa bên trái bên phải căn đều ký tự Không dùng nữa - Căn chỉnh trực quan.

tên Không dùng nữa - Chỉ định một thể loại cho td này. Điều này có thể được sử dụng để thực hiện các truy vấn dựa trên dữ liệu bảng và có thể có lợi trong ngữ cảnh của trình duyệt giọng nói
bgcolor
rgb (x, x, x) #hexcode colorname Không dùng nữa - Chỉ định màu nền của ô trong bảng.
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"
colspan
số Chỉ định số cột mà ô hiện tại trải dài.
tiêu đề
id Chỉ định danh sách ô tiêu đề được phân tách bằng dấu cách chứa thông tin về ô này. Giá trị cần tương ứng với id của ô tiêu đề (được đặt bằng thuộc tính id). Thuộc tính này hữu ích cho các trình duyệt không trực quan.
height
pixel Không dùng nữa - Chỉ định chiều cao của ô trong bảng.
ngay
ngay Không dùng nữa - Ngăn văn bản tự động ngắt dòng.
rowspan
số Chỉ định số hàng mà ô hiện tại trải dài.
phạm vi
col colgroup row rowgroup Không dùng nữa - Thuộc tính này được sử dụng trên các ô tiêu đề và chỉ định các ô sẽ sử dụng thông tin của tiêu đề này.
giá trị
đường cơ sở trên cùng giữa dưới cùng Không dùng nữa - Căn chỉnh theo chiều dọc.
width pixel hoặc% Không dùng nữa - Chỉ định chiều rộng của ô trong bảng

Ví dụ

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

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
            border: 1px solid black;
         }
      </style>
   </head>
   <body>
      <h3>Result</h3>
      <table>
         <th>Marks</th>
         <th>Student</th>
         <tr>
            <td>600</td>
            <td>Amit</td>
         </tr>
         <tr>
            <td>400</td>
            <td>Anil</td>
         </tr>
      </table>
   </body>
</html>