＜ol＞,＜li＞,＜ul＞使用方法

最新推荐文章于 2024-04-22 10:37:13 发布

明德zhuang

最新推荐文章于 2024-04-22 10:37:13 发布

阅读量1.9k

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44359479/article/details/125701002

版权

<ol>标记：
称为有序列表，编号列表标记。其功能是将文字段落向内缩进，并在段落的每个项目前面加上1，2，3 有顺序的数字。<ol>标记必须搭配<li>标记使用。

如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h4>一个有序列表：</h4>

<ol>
    <li>咖啡</li>
    <li>茶</li>
    <li>牛奶</li>
</ol>

</body>
</html>

结果为：
在这里插入图片描述

<ul>标记：
称为无序列表，其功能是将文字段落向内缩进，并在段落前面加上圆形或空心圆形或方块等项目符号，以达到醒目的效果。<ul>必须搭配<li>标记使用。

如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h4>一个无序列表：</h4>

<ul>
    <li>咖啡</li>
    <li>茶</li>
    <li>牛奶</li>
</ul>

</body>
</html>