Menu
CoddyTech

有序列表

本课属于 Coddy HTML 学习旅程的“基础知识”单元。第 13 课,共 60 课。

在 HTML 中,有序列表是按数字或字母排序的项目列表。要创建有序列表,你需要使用 <ol> 标签。列表中的每个项目都使用 <li> 标签定义。

下面介绍如何在 HTML 中创建有序列表:

<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

在这个示例中,<ol> 标签用于定义有序列表,每个 <li> 标签表示一个列表项。在浏览器中显示时,这段代码会创建一个编号列表:

  1. 第一项
  2. 第二项
  3. 第三项

有序列表适合展示顺序很重要的内容,例如操作步骤或排名列表。

challenge icon

挑战

简单

创建一个 HTML 文档,其中包含一个有序列表,列表中有三项:"First"、"Second" 和 "Third"。(按此顺序)

亲手试试

<!DOCTYPE html>
<html>
    <body>
        <!-- 在这里编写代码 -->
    </body>
</html>
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

基础知识中的所有课

自己练习: Web 在线编辑器