HTML Lists - Các loại danh sách trong HTML

by GokiSoft.Com - 10:05 24/05/2020 3,566 Lượt Xem

Short URL: https://gokisoft.com/1478

Các danh sách trong HTML cho phép tác giả của web nhóm một tập hợp các mục liên quan vào trong danh sách.

ví dụ

Một danh sách HTML không có thứ tự:

Item
Item
Item
Item

Một danh sách HTML có thứ tự:

First item
Second item
Third item
Fourth item

<!DOCTYPE html>
<html>
<body>

<h2>An Unordered HTML List</h2>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>  

<h2>An Ordered HTML List</h2>

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol> 

</body>
</html>

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

Một danh sách không có thứ tự bắt đầu với thẻ <ul> . Mỗi mục bắt đầu với thẻ <li> .

Danh sách các mục sẽ được đánh dấu với một chấm đen nhỏ theo mặc định:

ví dụ

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

<!DOCTYPE html>
<html>
<body>

<h2>An unordered HTML list</h2>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>  

</body>
</html>

Danh sách HTML có thứ tự

Một danh sách có thứ tự bắt đầu bằng thẻ <ol> . Mỗi mục trong danh sách bắt đầu bằng thẻ <li> .

Các mục trong danh sách sẽ được đánh số theo mặc định:

ví dụ

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<!DOCTYPE html>
<html>
<body>

<h2>An ordered HTML list</h2>

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>  

</body>
</html>

Danh sách mô tả trong HTML

HTML cũng hỗ trợ các danh sách mô tả.

Một danh sách mô tả là một danh sách của các thuật ngữ, với các mô tả của mỗi thuật ngữ.

Thẻ <dl> định nghĩa danh sách mô tả, thẻ <dt> định nghĩa thuật ngữ (tên), và thẻ <dd> mô tả cho mỗi thuật ngữ:

ví dụ

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>

<!DOCTYPE html>
<html>
<body>

<h2>A Description List</h2>

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>

</body>
</html>

Ứng Dụng Học