By GokiSoft.Com| 10:05 24/05/2020|
Tài Liệu HTML

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

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

  1. First item
  2. Second item
  3. Third item
  4. 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>




Tags: