Thẻ Th Trong HTML - Kiến Càng

Trang chủ » Câu Lệnh Th Valign= Hướng Có ý Nghĩa Là Gì » Thẻ Th Trong HTML - Kiến Càng

Có thể bạn quan tâm

Ví dụ

Một bảng HTML đơn giản với các ô tiêu đề cùng các ô dữ liệu:

<table> <tr> <th>Tháng</th> <th>Số tiền kiếm đước</th> </tr> <tr> <td>Tháng 1</td> <td>5 triệu đồng</td> </tr> </table>

Kết quả:

ThángSố tiền kiếm đước
Tháng 15 triệu đồng

Định nghĩa và cách dùng

Thẻ <th> định nghĩa tiêu đề của các cột trong bảng của HTML.

Một bảng HTML có hai kiểu ô:

  • Ô tiêu đề – bao gồm thông tin tiêu đề (được tạo ra với phần tử <th>)
  • Ô tiêu chuẩn – bao gồm dữ liệu (được tạo ra với phần tử <td>)

Văn bản trong phần tử <th> được bôi đậm và căn giữa theo mặc định.

Văn bản trong phần tử <td> ở dạng thông thường và căn trái theo mặc định.

Trình duyệt hỗ trợ

Phần tử Chrome IE FireFox Safari Opera
<th>CóCóCóCóCó

Các mẹo và lưu ý

Mẹo: Sử dụng các thuộc tính colspan và rowspan khi cần thiết

Sự khác biệt giữa HTML 4.01 và HTML5

Tất cả các thuộc tính layout đều bị loại bỏ trong HTML5.

Các thuộc tính

Các thuộc tínhGiá trịMô tả
abbrtextChỉ định một phiên bản rút gọn của nội dung trong ô tiêu đề
alignleftrightcenterjustifycharKhông hỗ trợ trong HTML5. Căn lề nội dung trong ô tiêu đề
axiscategory_nameKhông hỗ trợ trong HTML5.Nhóm các ô tiêu đề
bgcolorrgb(x,x,x)#xxxxxxcolornameKhông hỗ trợ trong HTML5.Chỉ định màu nền cho ô tiêu đề
charcharacterKhông hỗ trợ trong HTML5.Căn lề nội dung trong ô tiêu đề cho ký tự
charoffnumberKhông hỗ trợ trong HTML5.

Thiết lập số lượng ký tự nội dung sẽ được căn lề từ ký tự chỉ định bởi thuộc tính char

colspannumberChỉ định số lượng cột ô tiêu đề phải span
headersheader_idChỉ định một hoặc nhiều ô tiêu đề là liên quan đến nhau
heightpixels%Không hỗ trợ trong HTML5.Chỉ định chiều cao của ô tiêu đề
nowrapnowrapKhông hỗ trợ trong HTML5.

Chỉ định nội dung trong ô tiêu đề không nên wrap

rowspannumberChỉ định số lượng hàng của ô tiêu đề phải span
scopecolcolgrouprowrowgroupChỉ định liệu một ô tiêu đề là một tiêu đề cho một cột, hàng, hoặc nhóm các cột hay nhóm các hàng?
sortedreversednumberreversed numbernumber reversedĐịnh nghĩa hướng sắp xếp của một cột
valigntopmiddlebottombaselineKhông hỗ trợ trong HTML5.Căn lề theo chiều dọc cho các nội dung bên trong ô tiêu đề
widthpixels%Không hỗ trợ trong HTML5.Chỉ định chiều rộng của ô tiêu đề

Thiết lập CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị phần tử <th> với các giá trị mặc định sau:

th { display: table-cell; vertical-align: inherit; font-weight: bold; text-align: center; }

Bài liên quan:

  1. Thẻ details trong HTML Ví dụ Cách sử dụng thẻ <details>: Kết quả: Copyright 2013 – 2016. – bởi Nguyen Duc Anh. Tất cả các quyền được bảo hộ. Tất cả nội dung và...
  2. Thẻ legend trong HTML Ví dụ Nhóm các phần tử liên quan trong thẻ form: Kết quả: Thông tin cá nhân: Họ tên: Email: Ngày sinh: Định nghĩa và cách dùng Thẻ <legend> định...
  3. Thẻ figure trong HTML Ví dụ Sử dụng phần tử <figure> để đánh dầu một bức ảnh trong tài liệu: Định nghĩa và cách dùng Thẻ <figure> xác định nội dung khép kín (tự...
  4. Thuộc tính placeholder của thẻ input Thuộc tính placeholder là thuộc tính mới trong HTML5 dành cho thẻ input. Tác dụng của placeholder là cung cấp thêm thông tin cho người dùng, giúp họ biết cần nhập dữ...

Từ khóa » Câu Lệnh Th Valign= Hướng Có ý Nghĩa Là Gì