HTML là ngôn ngữ lập trình web phổ biến nhất, và thẻ th là một trong những thẻ được sử dụng nhiều nhất trong HTML. Thẻ th được sử dụng để tạo các ô tiêu đề trong một bảng trên trang web. Trong bài viết này, chúng ta sẽ tìm hiểu về thẻ th và 8 thuộc tính cơ bản của nó.
1. Thẻ th trong HTML được sử dụng để làm gì?
Thẻ th là một trong 4 thẻ được sử dụng để viết nội dung của bảng trên trang web. Các thẻ này bao gồm:
- Thẻ
table: xác định phần tử là một bảng (bao gồm các hàng và các ô). Thẻtablethường được sử dụng để bố cục trang web. - Thẻ
th: xác định phần tử là một ô tiêu đề trong một hàng. - Thẻ
tr: xác định phần tử là một hàng trong bảng. - Thẻ
td: xác định phần tử là một ô trong bảng.
Dưới đây là ví dụ về cách sử dụng thẻ th để tạo một bảng dữ liệu:
STT Tên Mã đơn hàng 001 Minh 122 002 Phương 233
Kết quả sẽ là một bảng như sau:
2. Thẻ th trong HTML có các thuộc tính thường dùng nào?
Thẻ th có 8 thuộc tính thường được sử dụng nhất, bao gồm:
2.1. Thuộc tính align
Thuộc tính align được sử dụng để căn lề nội dung của ô trong bảng theo chiều ngang. Có 4 giá trị cơ bản mà thuộc tính align có thể nhận, đó là: left (căn lề trái), right (căn lề phải), center (căn lề giữa) và justify (căn đều hai bên lề). Tương tự, ta có thể sử dụng thuộc tính text-align trong CSS để căn lề nội dung của ô trong thẻ th.
2.2. Thuộc tính valign
Thuộc tính valign được sử dụng để căn lề nội dung của ô trong bảng theo chiều dọc. Thuộc tính này có 3 giá trị cơ bản: top (căn lề trên), bottom (căn lề dưới) và middle (căn đều chính giữa). Tương tự, ta có thể sử dụng thuộc tính vertical-align trong CSS để căn lề nội dung của ô trong thẻ th.
2.3. Thuộc tính colspan
Thuộc tính colspan xác định số lượng ô mà người dùng muốn gộp chung lại với nhau theo chiều ngang.
2.4. Thuộc tính rowspan
Thuộc tính rowspan xác định số lượng ô muốn gộp chung theo chiều dọc.
2.5. Thuộc tính width
Thuộc tính width xác định chiều rộng của ô. Khi sử dụng thuộc tính này, cần chọn đúng loại đơn vị đo, có thể là pixel (px) hoặc phần trăm (%) chiều rộng của phần tử cha.
2.6. Thuộc tính height
Thuộc tính height xác định chiều cao của ô.
2.7. Thuộc tính bgcolor
Thuộc tính bgcolor xác định màu nền của ô.
2.8. Thuộc tính nowrap
Thuộc tính nowrap xác định việc nội dung trong ô được hiển thị trên một dòng.
Để xây dựng dữ liệu dạng bảng trên website, thẻ th là một phần quan trọng không thể thiếu. Hãy chú ý xác định đúng ô tiêu đề và các hàng trong bảng để viết câu lệnh chính xác. Đọc thêm các bài viết khác trên blog Got It Vietnam để tìm hiểu thêm về các kiến thức liên quan.
