Là loại danh sách mà chưa được sắp qua thứ tự. Để tạo loại danh sách này bạn sử dụng thẻ <ul>. Mỗi mục trong danh sách được kết nối với một bullet.
Ví dụ
<!DOCTYPE html> <html> <head> <title>Vi du danh sach chua qua sap xep</title> </head> <body> <ul> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ul> </body> </html>
Kết quả là như sau:
- Beetroot
- Ginger
- Potato
- Radish
Thuộc tính type trong HTML
Bạn có thể sử dụng thuộc tính type cho thẻ <ul> để xác định kiểu của bullet mà bạn thích. Theo mặc định nó có hình dạng chiếc đĩa tròn (disc). Có các tùy chọn kiểu cho bạn sử dụng:
<ul type="square"> <ul type="disc"> <ul type="circle">
Ví dụ
Ví dụ sau chúng tôi sử dụng <ul type="square">
<!DOCTYPE html> <html> <head> <title>Vi du danh sach chua qua sap xep</title> </head> <body> <ul type="square"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ul> </body> </html>
Kết quả là:
- Beetroot
- Ginger
- Potato
- Radish
Ví dụ
Sau đây chúng tôi sử dụng <ul type="disc"> trong thư viện HTML:
<!DOCTYPE html> <html> <head> <title>Vi du danh sach chua qua sap xep</title> </head> <body> <ul type="disc"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ul> </body> </html>
Kết quả hiển thị là:
- Beetroot
- Ginger
- Potato
- Radish
Ví dụ
Ví dụ sau chúng tôi sử dụng <ul type="circle"> trong thư viện HTML:
<!DOCTYPE html> <html> <head> <title>Vi du danh sach chua qua sap xep</title> </head> <body> <ul type="circle"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ul> </body> </html>
Nó sẽ tạo ra kết quả sau:
- Beetroot
- Ginger
- Potato
- Radish
Không có nhận xét nào:
Write blogger-facebook