Danh sách có thứ tự
Thuộc phần Kiến thức cơ bản trong hành trình HTML của Coddy. Bài học 13 trên 60.
Trong HTML, danh sách có thứ tự là danh sách các mục được sắp xếp theo số hoặc chữ cái. Để tạo danh sách có thứ tự, bạn dùng thẻ <ol>. Bạn dùng thẻ <li> để xác định từng mục trong danh sách.
Sau đây là cách tạo danh sách có thứ tự trong HTML:
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>Trong ví dụ này, thẻ <ol> định nghĩa danh sách có thứ tự, còn mỗi thẻ <li> đại diện cho một mục trong danh sách. Khi hiển thị trong trình duyệt, đoạn code này sẽ tạo một danh sách có đánh số:
- Mục thứ nhất
- Mục thứ hai
- Mục thứ ba
Danh sách có thứ tự hữu ích khi trình bày các mục cần sắp xếp theo thứ tự, chẳng hạn như các bước trong một quy trình hoặc danh sách các mục được xếp hạng.
Thử thách
DễTạo một tài liệu HTML có danh sách theo thứ tự gồm ba mục: "First", "Second" và "Third". (Theo đúng thứ tự đó)
Tự làm thử
<!DOCTYPE html>
<html>
<body>
<!-- Viết code ở đây -->
</body>
</html>Bài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.
Tất cả bài học trong Kiến thức cơ bản
1Kiến thức cơ bản về HTML
HTML là gì?Cấu trúc cơ bản của HTMLThẻ và phần tửThẻ lồng nhau và thẻ đóngChú thích trong HTML2Văn bản và định dạng
Tiêu đềĐoạn vănNgắt dòngChữ đậm và chữ nghiêngLại chữ đậm và chữ nghiêngÔn tập: định dạng8Biểu mẫu và đầu vào phần 1
Kiến thức cơ bản về biểu mẫuÔ nhập văn bảnThuộc tính của ô nhậpTrường mật khẩuNhãn cho ô nhậpÔn tập: biểu mẫu cơ bản11Trang đăng ký sự kiện
Tổng quan dự ánPhần đầu trang3Làm việc với danh sách
Danh sách không có thứ tựDanh sách có thứ tựDanh sách lồng nhauÔn tập: danh sách9Biểu mẫu và đầu vào phần 2
Nút radioHộp kiểmDanh sách thả xuốngNútNút trong biểu mẫuÔn tập: biểu mẫu #1Ôn tập: biểu mẫu #2Tự luyện tập: Playground Web