前端必知必会-html有序列表和无序列表

作者：System 时间：2024年08月14日分类：所有,html 字数：341

这篇文章距离上次修改已过192天，其中的内容可能已经有所变动。

在HTML中，有序列表使用<ol>标签定义，列表项使用<li>标签定义；无序列表使用<ul>标签定义，同样列表项使用<li>标签定义。

有序列表（<ol>）示例：




<ol>
  <li>苹果</li>
  <li>香蕉</li>
  <li>樱桃</li>
</ol>

无序列表（<ul>）示例：




<ul>
  <li>打扫地板</li>
  <li>擦拭家具</li>
  <li>洗澡</li>
</ul>

在这两种列表中，<li>标签的内容就是列表项的具体内容。有序列表的列表项会自动添加数字标签，无序列表的列表项会添加项目符号（通常是圆点）。