列表标签

列表标签

HTML 中有两种基本列表：

• 无序列表（<ul>）：项目符号列表
• 有序列表（<ol>）：编号列表
• 列表项统一使用 <li> 标签表示

1. 无序列表（<ul>）

<ul>
  <li>苹果</li>
  <li>香蕉</li>
  <li>橘子</li>
</ul>

效果：

• 苹果
• 香蕉
• 橘子

2. 有序列表（<ol>）

<ol>
  <li>打开网页</li>
  <li>点击注册</li>
  <li>填写信息</li>
</ol>

效果：

1. 打开网页
2. 点击注册
3. 填写信息

3. 嵌套列表

<ul>
  <li>水果
    <ul>
      <li>苹果</li>
      <li>梨子</li>
    </ul>
  </li>
  <li>蔬菜
    <ul>
      <li>西红柿</li>
      <li>黄瓜</li>
    </ul>
  </li>
</ul>

效果（层级嵌套）：

• 水果
  • 苹果
  • 梨子
• 蔬菜
  • 西红柿
  • 黄瓜