Menu
CoddyTech

无序列表

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

在 HTML 中,无序列表中的项目不按数字或字母排序,而是用项目符号标记每个项目。

要创建无序列表,请使用 <ul> 标签。列表中的每一项都使用 <li> 标签定义。

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

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

在这个示例中,<ul> 标签定义了无序列表,每个 <li> 标签表示一个列表项。在浏览器中显示时,这段代码会创建一个带项目符号的列表:

  • 项目 1
  • 项目 2
  • 项目 3

无序列表适用于展示顺序不重要的项目,例如配料或功能列表。

challenge icon

挑战

简单

创建一个 HTML 文档,其中包含一个无序列表,列表中有三项:“Apple”、“Banana”和“Orange”。(按此顺序)

使用 </ul> 关闭列表。

亲手试试

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

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

基础知识中的所有课

自己练习: Web 在线编辑器