Danh sách có thứ tự HTML
Thẻ HTML <ol>
xác định một danh sách có thứ tự. Một danh sách có thứ tự có thể là số hoặc theo thứ tự bảng chữ cái.
Danh sách HTML có thứ tự
Một danh sách có thứ tự bắt đầu bằng <ol>
thẻ. Mỗi mục danh sách bắt đầu bằng <li>
thẻ.
Các mục trong danh sách sẽ được đánh dấu bằng số theo mặc định:
Thí dụ
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Danh sách HTML có thứ tự - Thuộc tính Loại
Thuộc type
tính của <ol>
thẻ, xác định loại điểm đánh dấu mục danh sách:
Type | Description |
---|---|
type="1" | The list items will be numbered with numbers (default) |
type="A" | The list items will be numbered with uppercase letters |
type="a" | The list items will be numbered with lowercase letters |
type="I" | The list items will be numbered with uppercase roman numbers |
type="i" | The list items will be numbered with lowercase roman numbers |
Các con số:
<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Chữ in hoa:
<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Chữ viết thường:
<ol type="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Số La Mã viết hoa:
<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Số La Mã viết thường:
<ol type="i">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Đếm danh sách kiểm soát
Theo mặc định, danh sách có thứ tự sẽ bắt đầu đếm từ 1. Nếu bạn muốn bắt đầu đếm từ một số cụ thể, bạn có thể sử dụng start
thuộc tính:
Thí dụ
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Danh sách HTML lồng nhau
Các danh sách có thể được lồng vào nhau (danh sách bên trong danh sách):
Thí dụ
<ol>
<li>Coffee</li>
<li>Tea
<ol>
<li>Black tea</li>
<li>Green tea</li>
</ol>
</li>
<li>Milk</li>
</ol>
Lưu ý: Mục danh sách ( <li>
) có thể chứa danh sách mới và các phần tử HTML khác, như hình ảnh và liên kết, v.v.
Tóm tắt chương
- Sử dụng phần tử HTML
<ol>
để xác định danh sách có thứ tự - Sử dụng thuộc tính HTML
type
để xác định kiểu đánh số - Sử dụng phần tử HTML
<li>
để xác định một mục danh sách - Danh sách có thể được lồng vào nhau
- Các mục danh sách có thể chứa các phần tử HTML khác
Thẻ danh sách HTML
Tag | Description |
---|---|
<ul> | Defines an unordered list |
<ol> | Defines an ordered list |
<li> | Defines a list item |
<dl> | Defines a description list |
<dt> | Defines a term in a description list |
<dd> | Describes the term in a description list |
Để có danh sách đầy đủ tất cả các thẻ HTML có sẵn, hãy truy cập Tham khảo thẻ HTML của chúng tôi .