Cách tạo một danh sách không sắp xếp cho HTML5 và CSS3 Lập trình - núm vú

Tất cả các loại danh sách trong HTML5 có liên quan chặt chẽ. Loại đơn giản nhất và phổ biến nhất của danh sách là một danh sách không có thứ tự. Bạn cũng có thể sử dụng các danh sách được sắp xếp và danh sách lồng nhau trong HTML.

Nhìn vào một danh sách không có thứ tự

Nhìn vào trang đơn giản. Ngoài một vài tiêu đề, nó có một danh sách các thông tin.

Danh sách các trình duyệt này có một số đặc điểm thị giác thú vị:

• Các mục được thụt lề. Có thêm một khoảng trống giữa lề trái và phần đầu của mỗi mục trong danh sách.

• Các yếu tố liệt kê có các đạn. Dấu chấm nhỏ phía trước mỗi mục là một viên đạn . Các dấu đầu thường được sử dụng trong các danh sách không có thứ tự như thế này.

  

• Mỗi mục bắt đầu một dòng mới. Khi một mục được hiển thị, nó sẽ hiển thị trên một dòng mới.

Những đặc điểm này giúp bạn thấy rằng bạn có một danh sách, nhưng chúng chỉ là hành vi mặc định. Xác định điều gì đó như một danh sách không bắt buộc nó phải tìm cách cụ thể; mặc định chỉ giúp bạn thấy rằng những mục này thực sự là một phần của một danh sách.

Hãy nhớ ý tưởng cốt lõi của HTML ở đây. Bạn không thực sự mô tả cách mọi thứ nhìn, nhưng những gì họ có ý nghĩa. Bạn có thể thay đổi giao diện sau khi bạn tìm ra CSS, do đó, không bị ràng buộc quá nhiều trong sự xuất hiện đặc biệt của sự vật. Bây giờ, chỉ cần nhận ra rằng HTML có thể xây dựng danh sách và đảm bảo bạn biết cách sử dụng các loại khác nhau.

Làm thế nào để xây dựng một danh sách không có thứ tự

Danh sách được thực hiện với hai loại thẻ. Một thẻ bao quanh toàn bộ danh sách và chỉ ra loại danh sách chung. Ví dụ đầu tiên thể hiện một danh sách không có thứ tự, được bao quanh bởi cặp.

Lưu ý: Giữ tất cả các mã trong tập

là phổ biến. Danh sách không có thứ tự có thể đi vào thân chính.

Bên trong bộlà một số mục trong danh sách. Mỗi phần của danh sách được lưu trữ giữa thẻ

• (danh sách) và thẻ
. Thông thường, mỗi cặpđi vào dòng riêng của mã nguồn, mặc dù bạn có thể tạo một mục danh sách miễn là bạn muốn.

Bạn có thể thay đổi dấu đầu dòng cho tất cả các loại hình ảnh khác, bao gồm hình tròn, hình vuông và thậm chí các hình ảnh tùy chỉnh.

Mã của danh sách không có thứ tự khá đơn giản:

basicUL. html

Các danh sách cơ bản

Trình duyệt web thông thường

Firefox
Chrome
Internet Explorer
Opera
Safari