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的用法的详细内容，更多请关注小编网其它相关文章！