Danh sách trong HTML

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:

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

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

Chi tiết danh sách có thứ tự trong HTML

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

Chi tiết danh sách không có thứ tự trong HTML

Danh sách mô tả (dl)

Danh sách mô tả HTML cũng là một kiểu danh sách được hỗ trợ bởi HTML và XHTML. Nó còn được gọi là danh sách định nghĩa, nơi các mục được liệt kê như một từ điển.

Danh sách định nghĩa là rất thích hợp khi bạn muốn trình bày bảng thuật ngữ, danh sách các điều khoản hoặc danh sách giá trị tên khác.

Danh sách định nghĩa HTML bao gồm ba thẻ sau:

1. Thẻ <dl> là thẻ bắt đầu của danh sách mô tả.
2. Thẻ <dt> định nghĩa một thuật ngữ.
3. Thẻ <dd> định nghĩa mô tả.

<dl>  
  <dt> Bạch Dương </dt>  
  <dd> - Một trong 12 cung tử vi. </dd>  
  <dt> Bingo </dt>  
  <dd> - Là một món ăn </dd>  
  <dt> Leo </dt>  
  <dd> - Là một trong 12 cung tử vi. </dd>  
  <dt> Oracle </dt>  
  <dd> - Là một tập đoàn công nghệ đa quốc gia. </dd>   
</dl>  

Kết quả:

Chi tiết danh sách mô tả trong HTML