Computer >> Máy Tính >  >> Lập trình >> HTML

Danh sách HTML

Có ba loại danh sách hiện diện trong tài liệu HTML là không có thứ tự danh sách, đã đặt hàng danh sách và mô tả danh sách.

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

Nó được xác định bằng cách sử dụng thẻ

    trong đó mỗi mục danh sách được đặt giữa thẻ
  • .

    Cú pháp

    Sau đây là cú pháp - 

    <ul>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<ul>

    Danh sách HTML có thứ tự

    Nó được xác định bằng cách sử dụng thẻ

      trong đó mỗi mục danh sách được đặt giữa thẻ
    1. .

      Cú pháp

      Sau đây là cú pháp - 

      <ol>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<ol>

      Danh sách HTML mô tả

      Nó được xác định bằng cách sử dụng thẻ

      trong đó mỗi thuật ngữ xác định được đặt giữa thẻ
      và mỗi mô tả được đặt giữa thẻ
      .

      Cú pháp

      Sau đây là cú pháp - 

      <dl>
<dt>define term</dt>
<dd>describe term</dd>
<dt>define term</dt>
<dd>describe term</dd>
<dl>

      Hãy để chúng tôi xem một ví dụ về Danh sách HTML:

      Ví dụ 

      <!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      height: 100vh;
      background-color: #8BC6EC;
      background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
   }
</style>
<body>
<h1>HTML Lists Demo</h1>
<h3>Unordered List</h3>
<ul>
<li>Physics Subject</li>
<li>Chemistry Subject</li>
<li>Economics Subject</li>
</ul>
<h3>Ordered List</h3>
<ul>
<li>Physics Book Part 1</li>
<li>Physics Book Part 2</li>
<li>Physics Book Part 3</li>
</ul>
<h3>Description List</h3>
<dl>
<dt>Physics Book</dt>
<dd>- It covers modern physics and quantum physics</dd>
<dt>Chemistry Book</dt>
<dd>- It covers organic, inorganic and physical chemistry</dd>
</dl>
</body>
</html>

      Đầu ra

      Danh sách HTML