Danh sách trong HTML

Trong bài trước chúng ta đã được học về các thẻ heading và thẻ paragragh. Hôm nay mình xin giới thiệu về danh sách trong HTML. Vậy danh sách trong HTML có mấy loại, và tác dụng của mỗi loại đó ra sao thì trong bài hôm nay mình sẽ giải đáp dần dần nhé. Không lan man lâu nữa. chúng ta sẽ bắt đầu với bài viết dưới đây của eLib

Danh sách trong HTML

1. Danh sách trong HTML

Danh sách trong HTML được sử dụng để hiển thị danh sách thông tin. Có ba loại khác nhau của danh sách HTML:

  • Danh sách có thứ tự hay danh sách có đánh số (ol)
  • Danh sách không có thứ tự (ul)
  • Danh sách mô tả (dl)

2. Danh sách có thứ tự hay danh sách có đánh số (ol)

Trong các danh sách HTML có thứ tự, tất cả các mục danh sách được đánh dấu bằng các con số tăng dần. Danh sách có thứ tự bắt đầu với thẻ <ol> và các mục danh sách bắt đầu bằng thẻ <li>.

Ví dụ:

<ol> 
 <li>Aries</li> 
 <li>Bingo</li> 
 <li>Leo</li> 
 <li>Oracle</li>  
</ol> 

Kết quả:

  1. Aries
  2. Bingo
  3. Leo
  4. Oracle

3. Danh sách không có thứ tự (ul)

Trong các danh sách HTML không có thứ tự, 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>.

Ví dụ:

<ul> 
 <li>Aries</li> 
 <li>Bingo</li> 
 <li>Leo</li> 
 <li>Oracle</li>  
</ul> 

Kết quả:

  • Aries
  • Bingo
  • Leo
  • Oracle

Trên đây là bài viết của eLib.VN về Danh sách trong HTML. Hy vọng bài viết hữu ích cho những bạn đang có nhu cầu tìm hiểu về ngôn ngữ HTML. Chúc các bạn thành công!

Ngày:07/11/2020 Chia sẻ bởi:

CÓ THỂ BẠN QUAN TÂM