Danh sách không có thứ tự trong HTML

92 lượt xem
Share

Khác với danh sách có thứ tự trong HTML, Danh sách không có thứ tự trong HTML có cú pháp như thế nào? Cách biểu diễn ra sao? Mời bạn đọc cùng eLib.VN tìm hiểu qua bài viết dưới đây.

Mục lục nội dung

Danh sách không có thứ tự trong HTML

1. 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ì.

2. 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ả:

Trên đây là bài viết của eLib.VN về danh sách không có thứ tự trong HTML. Hy vọng bài viết hữu ích cho bạn đọc.

92 lượt xem
Share
Ngày:07/11/2020 Chia sẻ bởi:
TẢI VỀ XEM ONLINE

CÓ THỂ BẠN QUAN TÂM