💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!
Cập nhật: 2025年3月1日
Danh sách có thứ tự
📌
Kết luận
Có thể tạo danh sách có thứ tự bằng <ol> và <li>
<ol>.
📝 Mã thực tế tại đây
<ol>
<li>Cắt nguyên liệu</li>
<li>Cho vào nồi</li>
<li>Nấu chín</li>
</ol>Sự khác biệt giữa ol và ul
| Thẻ | Tên gọi | Hiển thị | Cách dùng |
|---|---|---|---|
<ol> | Danh sách có thứ tự | 1. 2. 3. | Các bước, bảng xếp hạng |
<ul> | Danh sách không thứ tự | • • • | Liệt kê các mục |
<ul>, nếu thứ tự là quan trọng thì dùng <ol>.
Tổng kết
- Tạo danh sách có thứ tự bằng cặp thẻ<ol> + <li>
- Dùng <ol> khi thứ tự của các mục là quan trọng
- Số thứ tự sẽ được trình duyệt tự động hiển thị
Hãy thử trong phần bài tập
Hãy thử viết 3 bước thực hiện một công việc hoặc một bảng xếp hạng yêu thích của bạn nhé.🧪 Thử nghiệm tại đây
Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.
■ Bài tập thực hành
Sử dụng thẻ ol và li để viết 3 bước thực hiện một công việc hoặc bảng xếp hạng (ví dụ: Các bước nấu ăn, Top phim hay, v.v.).
Gợi ý khi gặp khó khăn
ol là viết tắt của ordered list (danh sách có thứ tự).