Trong bài học này kiso sẽ hướng dẫn bạn cách sử dụng thẻ ol trong HTML, đây là thẻ tạo danh sách với định dạng số.
Thẻ ol sẽ xác định một danh sách có thử tự, thứ tự sẽ được đánh theo số hoặc chữ cái.
Sử dụng thẻ li để xác định các mục trong danh sách.
Cách sử dụng thẻ ol trong HTML
Ví dụ: sử dụng thẻ ol và thẻ li để tạo danh sách các khóa học.
Bài viết này được đăng tại [kiso.vn]
<!DOCTYPE html>
<html>
<head>
<title>Học lập trình miễn phí tại kiso.vn</title>
<meta charset="utf-8">
</head>
<body>
<h1>Học lập trình miễn phí tại kiso.vn</h1>
<ol>
<li>PHP</li>
<li>Javascript</li>
<li>Css</li>
<li>HTML</li>
</ol>
</body>
</html>
Các thuộc tính của thẻ ol HTML
Thẻ này có 3 thuộc tnihs cơ bản như sau:
- reversed – danh sách sẽ được sắp xếp từ cao xuống thấp.
- start – giá trị số bắt đầu của danh sách.
- type – chỉ định loại kí tự đánh dấu dùng trong danh sách.
Ví dụ: Sử dụng thuộc tính type của thẻ ol để tạo danh sách các khóa học được đánh dấu bằng chữ in hoa.
<!DOCTYPE html>
<html>
<head>
<title>Học lập trình miễn phí tại kiso.vn</title>
<meta charset="utf-8">
</head>
<body>
<h1>Học lập trình miễn phí tại kiso.vn</h1>
<ol type="A">
<li>PHP</li>
<li>Javascript</li>
<li>Css</li>
<li>HTML</li>
</ol>
</body>
</html>Trình duyệt hỗ trợ thẻ ol
- Chrome
- Firefox
- IE
- Safari
- Opera
Tham khảo: w3schools.com
Bài viết liên quan
[CSF-2] Một số thiết lập CSF, LFD
Hôm nay mình sẽ thực hiện một số thiết lập trên CSF Mở file config để sửa đổi một số tính năng dưới /etc/csf/csf.conf Nội dung chínhCách sử dụng thẻ ol trong HTMLCác thuộc tính...
[CSF-1] Tăng bảo mật Server với ConfigServer Firewall (CSF)
Nội dung chínhCách sử dụng thẻ ol trong HTMLCác thuộc tính của thẻ ol HTMLTrình duyệt hỗ trợ thẻ ol1. Khái niệm CSF: CSF (ConfigServer & Firewall) là một bộ ứng dụng hoạt động trên...
Sử dụng SSH Key với Gitlab và Github
Bài viết này mình sẽ hướng dẫn các bạn tạo ssh key cho Gitlab và Github SSH là gì? Secure Socket Shell là một giao thức mạng dùng để thiết lập kết nối mạng một...
Directory traversal vulnerabilities (phần 4)
Nội dung chínhCách sử dụng thẻ ol trong HTMLCác thuộc tính của thẻ ol HTMLTrình duyệt hỗ trợ thẻ olV. Phân tích và khai thác các lỗ hổng Directory traversal (tiếp) 5. Bypass lỗ hổng...
Directory traversal vulnerabilities (phần 3)
Nội dung chínhCách sử dụng thẻ ol trong HTMLCác thuộc tính của thẻ ol HTMLTrình duyệt hỗ trợ thẻ olV. Phân tích và khai thác các lỗ hổng Directory traversal 1. Lỗ hổng xảy ra...
Directory traversal vulnerabilities (phần 2)
Nội dung chínhCách sử dụng thẻ ol trong HTMLCác thuộc tính của thẻ ol HTMLTrình duyệt hỗ trợ thẻ olIII. Vì sao lỗ hổng Directory traversal xuất hiện? Với mỗi ngôn ngữ lập trình khác...