Thẻ col trong HTML!
Trong Serries tự học HTML chương 2 Myboxst đã liệt kê cho bạn tất cả những thẻ có trong html.
Bây giờ hãy cùng Myboxst thực hành về tác dụng của từng loại thẻ (tag) trong html.
Trong bài viết này chúng ta sẽ tìm hiểu về Thẻ <col>.
Công dụng của thẻ col
Thẻ <col> dùng để chỉ định giá trị thuộc tính cho phần tử trong thẻ <table> hoặc <colgroup>.
=> thẻ này rất có ích cho việc định dạng chung cho cột. Tránh lặp lại việc thao tác trên từng dòng.
Cách viết thẻ col trong html
Thẻ <col> trong HTML thường được viết như sau:
<table> <col thuộc tính="giá trị thuộc tính"></table>Để dễ hình dung hơn bạn hãy xem ví dụ bên dưới :
Đoạn Code HTML
<!DOCTYPE html><html lang="en"><head> <title>Ví dụ thẻ col</title></head><body> <h5>Ví dụ dùng thẻ col để chỉ định giá trị thuộc tính cho phần tử trong table:</h5><table><col span="2" style="background-color:#eee" border:solid><col span="1" style="background-color:yellow"><tr> <th>Thu nhập tháng 03</th> <th>Thu nhập tháng 04</th> <th>Thu nhập tháng 05</th></tr><tr> <td>160$</td> <td>185$</td> <td>205$</td></tr></table></body></html>Kết Quả hiển thị:
Ví dụ dùng thẻ col để chỉ định mộc giá trị thuộc tính cho phần tử trong table:
Thu nhập tháng 03 Thu nhập tháng 04 Tổng Thu nhập tháng 05 160$ 185$ 205$
Bạn có thể Copy và past code để test bằng Texteditor online tại đây!
nên So với. nó so với. đâu So với. nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với.nên So với. nó so với. đâu So với. nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với.
Một số thuộc tính
| Thuộc tính | Giá trị | Ví dụ | Mô tả |
| span | Số cột | “2” | Cài giá trị thuộc tính cho 2 cột |
| style | kiểu thuộc tính | style=”background-color:yellow” | Mặc định màu vàng làm nền cho cột |
| align | left right center justify char | align=”left” | Không hỗ trợ trong HTML 5! |
| valign | top middle bottom baseline | valign=”middle” | Không hỗ trợ trong HTML 5! |
| width | % pixels em | width=”50%” | Không hỗ trợ trong HTML 5! |
| charoff | Số ký tự | charoff=”3″ | Không hỗ trợ trong HTML 5! |
| char | Ký tự | char=”a” | Không hỗ trợ trong HTML 5! |
CSS được cài mặc định cho thẻ col
Hầu hết trình duyệt hiển thị CSS những phần tử trong thẻ <col> với giá trị sau:
col { display: table-column;}Lời kết
Đây là một thẻ rất ít dùng đến! Vì thế bạn chỉ cần hiểu tác dụng và cách viết của nó như trong bài viết là được.
Nếu có vấn đề cần giải đáp hãy để lại comment tại phần bình luận bên dưới.
▼ Hãy share bài viết nếu bạn thấy bài viết có ích! Hoặc xem lại khi bạn quên! Chúc bạn thành công!▼
nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với. So với. nó so với. không So với. nó so với. thế So với. nó so với. vậy So với. nó so với.thì So với. nó so với. nên So với. nó so với. đâu So với. nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với.
So với. nó so với. không So với. nó so với. thế So với. nó so với. vậy So với. nó so với.thì So với. nó so với. nên So với. nó so với. đâu So với. nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với.
nên So với. nó so với. đâu So với. nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với.nên So với. nó so với. đâu So với. nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với.
Không có nhận xét nào:
Đăng nhận xét