HTML5: <ol> & <li>
Thẻ <OL> (Ordered List) và <LI> (List Item) dùng để thể hiện một danh sách có thứ tự. Thứ tự được sắp xếp theo trật tự tăng dần từ trên xuống dưới với 5 cách đánh thứ tự được quy định bởi thuộc tính type của thẻ <OL> hoặc <LI>. Nếu đặt type trên thẻ <OL> thì sẽ áp dụng cho toàn bộ danh sách. Dưới đây là những cách đánh thứ tự cụ thể của kiểu type:
- type='1' : dạng số tự nhiên (mặc định)
- type='I' : dạng số La Mã in hoa
- type='i' : dạng số La Mã in thường
- type='A' : dạng ký tự in hoa
- type='a' : dạng ký tự in thường.
Ví dụ:
<LI>Ngôn ngữ C</LI>
<LI>HDJ</LI>
<LI>jQuery</LI>
<LI>SQL</LI>
<LI>PHP</LI>
</OL>
Kết quả hiển thị sẽ là:
- Ngôn ngữ C
- HDJ
- jQuery
- SQL
- PHP
Nếu bạn đặt type trên thẻ <LI> nào thì cách đánh thứ tự sẽ được áp dụng cho thẻ <LI> đó. Ví dụ:
<LI>Ngôn ngữ C</LI>
<LI>HDJ</LI>
<LI type="A">jQuery</LI>
<LI>SQL</LI>
<LI>PHP</LI>
</OL>
Kết quả:
1. Ngôn ngữ C
2. HDJ
C. jQuery
4. SQL
5. PHP
Tại mỗi thẻ <LI> bạn cũng có quyền đặt bộ thẻ <OL> và <LI> khác để tạo danh sách con. Ví dụ:
<LI>Ngôn ngữ C</LI>
<LI>HDJ
<OL>
<LI>HTML</LI>
<LI>CSS</LI>
<LI>JavaScript</LI>
</OL>
</LI>
<LI>jQuery</LI>
<LI>SQL</LI>
<LI>PHP</LI>
</OL>
Kết quả:
- Ngôn ngữ C
- HDJ
1. HTML
2. CSS
3. JavaScript - jQuery
- SQL
- PHP