Menu
CoddyTech

Danh sách không 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 12 trên 60.

Trong HTML, danh sách không có thứ tự là danh sách các mục không được sắp xếp theo số hoặc chữ cái. Thay vào đó, mỗi mục được đánh dấu bằng một dấu đầu dòng.

Để tạo danh sách không có thứ tự, bạn dùng thẻ <ul>. Mỗi phần tử trong danh sách được xác định bằng thẻ <li>.

Sau đây là cách bạn tạo danh sách không có thứ tự trong HTML:

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

Trong ví dụ này, thẻ <ul> xác định danh sách không 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ó dấu đầu dòng:

  • Mục 1
  • Mục 2
  • Mục 3

Danh sách không có thứ tự hữu ích khi trình bày các mục không cần sắp xếp theo thứ tự, chẳng hạn như danh sách nguyên liệu hoặc tính năng.

challenge icon

Thử thách

Dễ

Tạo một tài liệu HTML có danh sách không đánh số gồm ba mục: "Apple", "Banana" và "Orange". (Theo thứ tự đó)

Đóng danh sách bằng </ul>.

Tự làm thử

<!DOCTYPE html>
<html>
    <body>
        <!-- Viết code ở đây -->
    </body>
</html>
quiz iconTự kiểm tra

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

Tự luyện tập: Playground Web