HTML5基础笔记三（标签之有序列表，无序列表，自定义列表）

作者：System 时间：2024年08月13日分类：所有,html5 字数：496

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

在HTML5中，有序列表和无序列表可以通过<ol>和<ul>标签来创建，自定义列表则通过<dl>标签创建，列表项通过<li>标签添加。

有序列表（Ordered List）：




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

无序列表（Unordered List）：




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

自定义列表（Definition List）：




<dl>
  <dt>HTML5</dt>
  <dd>HTML的第五个版本</dd>
  <dt>CSS3</dt>
  <dd>CSS的第三个版本</dd>
</dl>

在这些代码示例中，我们创建了一个有序列表、一个无序列表和一个自定义列表，并且在每个列表中添加了一些列表项。这些列表项都是可以嵌套的，可以在<li>标签内添加任何合法的HTML元素。