Nội dung chính
Danh sách không có thứ tự trong HTML
Trong các danh sách không có thứ tự trong HTML, tất cả các mục danh sách được đánh dấu bằng các dấu chấm tròn. Danh sách không có thứ tự bắt đầu với thẻ <ul> và các mục danh sách bắt đầu bằng thẻ <li>.
Có 4 kiểu ký tự bắt đầu của danh sách không có thứ tự trong HTML.
- disc
- circle
- square
- none
Để biển diễn 4 kiểu trên ta phải sử dụng thuộc tính type trong thẻ <ul>
Type | Description |
---|---|
type="disc" | Dây là kiểu mặc định, danh mục được đánh bằng các ký tự hình tròn. |
type="circle" | Với kiểu này, danh mục được đánh bằng các ký tự đường tròn. |
type="square" | Với kiểu này, danh mục được đánh bằng các ký tự hình vuông. |
type="none" | Với kiểu này, danh mục không được đánh bằng ký tự gì. |
Các ví dụ về danh sách không có thứ tự trong HTML
Dưới đây là 4 ví dụ về các kiểu của danh sách không có thứ tự trong HTML.
Ví dụ 1: kiểu mặc định
<ul> <li>HTML</li> <li>Java</li> <li>JavaScript</li> <li>SQL</li> </ul>
Kết quả:
Ví dụ 2: type="circle"
<ul type="circle"> <li>HTML</li> <li>Java</li> <li>JavaScript</li> <li>SQL</li> </ul>
Kết quả:
Ví dụ 3: type="square"
<ul type="square"> <li>HTML</li> <li>Java</li> <li>JavaScript</li> <li>SQL</li> </ul>
Kết quả:
Ví dụ 4: type="none"
<ul type="none"> <li>HTML</li> <li>Java</li> <li>JavaScript</li> <li>SQL</li> </ul>
Kết quả: