如何在HTML中列出

By /

如何使HTML列表

列表是任何HTML頁面上的基本元素。它們允許您以結構化的方式組織信息，並促進閱讀和理解內容。在本文中，讓我們學習如何在html中創建不同類型的列表。

未符合的列表

當項目的順序不重要時，使用非分數列表。要創建一個未婚列表，我們使用

<

ul>（無序列表）標籤，列表中的每個項目均由

  • （列表項目）標籤表示。請參閱下面的示例：

    <

    pre>
    ＆lt; ul＆gt;
    ＆lt; li＆gt;項目1＆lt;/li＆gt;
    ＆lt; li＆gt;項目2＆lt;/li＆gt;
    ＆lt; li＆gt;項目3＆lt;/li＆gt;
    ＆lt;/ul＆gt;

    上面的代碼將生成以下列表：

    • 項目1
    • 項目2
    • 項目3

    訂購的列表

    當項目的順序很重要時，請使用排序列表。要創建一個有序的列表，我們使用（訂單列表）標籤，列表上的每個項目均由

  • （列表項目）標籤表示。請參閱下面的示例：

    <

    pre>
    ＆lt; ol＆gt;
    ＆lt; li＆gt;項目1＆lt;/li＆gt;
    ＆lt; li＆gt;項目2＆lt;/li＆gt;
    ＆lt; li＆gt;項目3＆lt;/li＆gt;
    ＆lt;/ol＆gt;

    上面的代碼將生成以下列表：

    1. 項目1
    2. 項目2
    3. 項目3

    定義列表

    定義列表用於介紹術語及其各自的定義。要創建一個定義列表，我們使用

    <

    dl>（定義列表）標籤，

    （定義術語）標籤代表術語和

    （定義描述）標籤來表示定義。請參閱下面的示例：

    <

    pre>
    ＆lt; dl＆gt;
    ＆lt; dt＆gt;術語1＆lt;/dt＆gt;
    ＆lt; dd＆gt;定義1＆lt;/dd＆gt;
    ＆lt; dt＆gt;術語2＆lt;/dt＆gt;
    ＆lt; dd＆gt;定義2＆lt;/dd＆gt;
    ＆lt; dt＆gt;術語3＆lt;/dt＆gt;
    ＆lt; dd＆gt;定義3＆lt;/dd＆gt;
    ＆lt;/dl＆gt;

    上面的代碼將生成以下列表：

    <

    dl>

    學期1

    定義1
    學期2

    定義2
    術語3

    定義3

    </ dl>

    Nestile Lists

    您可以在其他列表中創建嵌套列表，即列表。為此，只需使用

    <

    ul>，和

  • 標籤。請參閱下面的示例：

    <

    pre>
    ＆lt; ul＆gt;
    ＆lt; li＆gt;項目1＆lt;/li＆gt;
    ＆lt; li＆gt;項目2
    ＆lt; ul＆gt;
    ＆lt; li＆gt; subitem 1＆lt;/li＆gt;
    ＆lt; li＆gt; subitem 2＆lt;/li＆gt;
    ＆lt;/ul＆gt;
    ＆lt;/li＆gt;
    ＆lt; li＆gt;項目3＆lt;/li＆gt;
    ＆lt;/ul＆gt;

    上面的代碼將生成以下列表：

    • 項目1
    • 項目2
      • subitem 1
      • subitem 2
    • 項目3

    現在您已經學會瞭如何製作不同類型的HTML列表，請藉此機會在您的Web項目上使用這些知識。列表是通用的元素，可用於改善內容組織和演示文稿的各種方式。

    • Scroll to Top