零基础HTML入门教程(20)——有序列表

教程管理员发布于2023-09-30 14:12 HTML教程 158

简介： 所谓有序列表，就是有顺序的列表，即列表前面带个123或abc什么的。英文单词为“Ordered List”，标签为OL，作用是在网页中显示一个有顺序的列表。我们前几个小节学习了注释，换行等。我们这一小节学习一下有序列表并熟练使用有序列表。有序列表ol表示他是有顺序的，我们要熟练使用有序列表。

本章目录

- 1.任务目标
- 2.有序列表
- 3.代码如下
- 4.小结

1.任务目标

我们前几个小节学习了注释，换行等。我们这一小节学习一下有序列表并熟练使用有序列表。

2.有序列表

所谓有序列表，就是有顺序的列表，即列表前面带个123或abc什么的。英文单词为“Ordered List”，标签为OL，作用是在网页中显示一个有顺序的列表。

3.代码如下

代码部分：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ol>
        <li>张三</li>
        <li>李四</li>
        <li>赵五</li>
    </ol>
</body>
</html>