html中list的用法

清單是 HTML 中用來顯示項目序列的元素。有無序列表和有序列表兩種類型，分別以圓點或數字/字母作為標記。語法為

和
，可透過屬性指定清單類型、起始值等。清單可嵌套，在清單項目中建立子清單。

HTML 中清單的用法

什麼是清單？

清單是 HTML 中用來顯示一系列相關或排序項目的元素。

類型

HTML 中有兩種類型的清單：

• 無序列表(
  )： 用於顯示未排序的項目，通常使用圓點或短劃線標記。
  • 有序清單 (
    )： 用於顯示排序的項目，通常使用數字或字母標記。

  語法

  清單的語法如下：

  <code class="html"><ul>
    <li>项目 1</li>
    <li>项目 2</li>
    <li>项目 3</li>
  </ul></code>

  屬性

  • ##type： 指定清單類型，可以是"disc"（圓點）、"circle"（圓形）或"square"（正方形）等。
  • start： 指定有序列表的起始值。

  巢狀清單

  清單可以嵌套，也就是在清單項目中建立子清單：

  <code class="html"><ul>
    <li>项目 1
      <ul>
        <li>子项目 1</li>
        <li>子项目 2</li>
      </ul>
    </li>
    <li>项目 2</li>
  </ul></code>

  實例

  無序列表：

  <code class="html"><ul>
    <li>苹果</li>
    <li>香蕉</li>
    <li>橙子</li>
  </ul></code>

  有序清單：

  <code class="html"><ol>
    <li>星期一</li>
    <li>星期二</li>
    <li>星期三</li>
  </ol></code>

  巢狀清單：

  <code class="html"><ul>
    <li>动物
      <ul>
        <li>狗</li>
        <li>猫</li>
      </ul>
    </li>
    <li>水果</li>
  </ul></code>

  以上是html中list的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！