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>