HTML(三) 设置文字列表

最新推荐文章于 2024-03-06 22:30:52 发布

小苏学姐

最新推荐文章于 2024-03-06 22:30:52 发布

阅读量905

点赞数 1

CC 4.0 BY-SA版权

分类专栏： html 文章标签： html

本文链接：https://blog.youkuaiyun.com/hlfsunshine/article/details/78168703

html 专栏收录该内容

9 篇文章

订阅专栏

本文介绍HTML中两种基本列表的应用——无序列表（ul）和有序列表（ol）。通过示例代码展示了如何创建这两种列表，以及它们默认的显示样式：无序列表使用小圆点标记，而有序列表则采用数字进行编号。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文字列表

文字列表的主要作用是有序地编排一些信息资源，使其结构化和条理化，并以列表的样式显示出来

无序列表ul

默认的是小圆点的方式进行展现

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>无序列表ul</title>
</head>
<body>
无序列表
<ul>
    <li>第一项</li>
    <li>第二项</li>
    <li>第三项</li>
    <li>第四项</li>
</ul>
</body>
</html>

有序列表ol

默认的是数字的形式展现

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>有序列表ol</title>
</head>
<body>
有序列表
<ol>
    <li>第一项</li>
    <li>第二项</li>
    <li>第三项</li>
    <li>第四项</li>
</ol>
</body>
</html>