38-有序列表

最新推荐文章于 2024-10-05 17:08:33 发布

琪毅

最新推荐文章于 2024-10-05 17:08:33 发布

阅读量2.9k

点赞数

文章标签：前端 html css

本文链接：https://blog.csdn.net/weixin_45683698/article/details/121365599

版权

2.2有序列表（理解）

有序列表即为有排列顺序的列表，其各个列表项会按照一定的顺序来排列定义。

在HTML标签中，<ol>标签用于定义有序列表，列表排序以数字来显示，并且使用<li>标签来定义列表项。

有序列表的基本语法格式如下：

<ol>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
  ...
</ol>

示例：

<!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>
    <h4>粉丝排行榜</h4>
    <ol>
        <li>刘德华 10000</li>
        <li>刘若英 9000</li>
        <li>刘德华 8000</li>
    </ol>
</body>
</html>