Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

รายการ HTML


รายการมีสามประเภทในเอกสาร HTML คือ ไม่เรียงลำดับ รายการ สั่ง รายการและ คำอธิบาย รายการ

รายการ HTML ที่ไม่เรียงลำดับ

ถูกกำหนดโดยใช้แท็ก

    โดยที่แต่ละรายการอยู่ระหว่างแท็ก
  • ไวยากรณ์

    ต่อไปนี้เป็นไวยากรณ์ -

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

    รายการ HTML ที่สั่งซื้อ

    ถูกกำหนดโดยใช้แท็ก

      โดยที่แต่ละรายการอยู่ระหว่างแท็ก
    1. ไวยากรณ์

      ต่อไปนี้เป็นไวยากรณ์ -

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

      รายการ HTML คำอธิบาย

      มันถูกกำหนดโดยใช้แท็ก

      โดยที่แต่ละคำกำหนดนั้นอยู่ระหว่างแท็ก
      และแต่ละคำอธิบายจะถูกปิดระหว่างแท็ก

      ไวยากรณ์

      ต่อไปนี้เป็นไวยากรณ์ -

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

      ให้เราดูตัวอย่างของรายการ HTML:

      ตัวอย่าง

      <!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>

      ผลลัพธ์

      รายการ HTML