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áng | Số tiền kiếm đước |
---|---|
Tháng 1 | 5 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ính | Giá trị | Mô tả |
---|---|---|
abbr | text | Chỉ định một phiên bản rút gọn của nội dung trong ô tiêu đề |
align | leftrightcenterjustifychar | Không hỗ trợ trong HTML5. Căn lề nội dung trong ô tiêu đề |
axis | category_name | Không hỗ trợ trong HTML5.Nhóm các ô tiêu đề |
bgcolor | rgb(x,x,x)#xxxxxxcolorname | Không hỗ trợ trong HTML5.Chỉ định màu nền cho ô tiêu đề |
char | character | Không hỗ trợ trong HTML5.Căn lề nội dung trong ô tiêu đề cho ký tự |
charoff | number | Khô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 |
colspan | number | Chỉ định số lượng cột ô tiêu đề phải span |
headers | header_id | Chỉ định một hoặc nhiều ô tiêu đề là liên quan đến nhau |
height | pixels% | Không hỗ trợ trong HTML5.Chỉ định chiều cao của ô tiêu đề |
nowrap | nowrap | Không hỗ trợ trong HTML5. Chỉ định nội dung trong ô tiêu đề không nên wrap |
rowspan | number | Chỉ định số lượng hàng của ô tiêu đề phải span |
scope | colcolgrouprowrowgroup | Chỉ đị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? |
sorted | reversednumberreversed numbernumber reversed | Định nghĩa hướng sắp xếp của một cột |
valign | topmiddlebottombaseline | Không hỗ trợ trong HTML5.Căn lề theo chiều dọc cho các nội dung bên trong ô tiêu đề |
width | pixels% | 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 viết liên quan:
- Thẻ caption trong HTML Một đoạn code về thẻ caption: Kết quả của đoạn code trên: Tháng Số bài viết Tháng 6 20 Định nghĩa và cách dùng Thẻ <caption> định nghĩa nội dung...
- Thẻ del trong HTML Ví dụ Một văn bản với một từ cần xoá, và một số từ mới khác chèn vào thay thế: Kết quả: Môn học ưa thích của tôi là Hoá...
- Thẻ small trong HTML Ví dụ Định nghĩa một văn bản nhỏ hơn: Kết quả: freehost.page – chuyên trang về lập trình web. Copyright 2013-2016 by Nguyễn Đức Anh Định nghĩa và cách dùng...
- Thẻ ins trong HTML Ví dụ Một văn bản với một phần bị xoá, và một phần mới được chèn thêm vào: Kết quả: Đội bóng yêu thích của tôi là MU Barcenola! Định...
- Thẻ noframes trong HTML Ví dụ Một trang vơi ba frame, với một thẻ <noframes>: Định nghĩa và cách dùng Thẻ <noframes> không được hỗ trợ trong HTML5. Thẻ <noframes> là một thẻ dự...
Từ khóa » Câu Lệnh Th Valign= Hướng Có ý Nghĩa Là Gì
-
Thẻ
Trong HTML - Web Cơ Bản Thẻ Th Trong HTML Và 8 Thuộc Tính Cơ Bản - Blog | Got It AI
Thuộc Tính Vertical-align | CSS - Học Web Chuẩn
Th | Tag Html - Học Web Chuẩn
Căn Giữa Các Phần Tử HTML Theo Chiều Dọc (phần 1) - Viblo
Module Javascript: Hướng Dẫn Cho Người Mới - Viblo
Sử Dụng Bố Cục Trang Flexbox Trong CSS
Đặt Lại / Xóa Kiểu CSS Chỉ Cho Phần Tử? - HelpEx
[PDF] MỤC LỤC - FIT@MTA
Thuộc Tính Display Trong CSS
Tổng Hợp Các Thuộc Tính Của CSS - Tìm ở đây
Định Nghĩa Vertical Align Middle Là Gì?
(PDF) Các Bài Học Về CSS Contents | Steven Tran
Copyright © 2022 | Thiết Kế Truyền Hình Cáp Sông Thu