HTML--列表标签

南风依旧

于 2019-05-06 20:31:51 发布

阅读量164

点赞数

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/qq_36354559/article/details/89890783

版权

HTML 专栏收录该内容

6 篇文章

订阅专栏

文章目录

- - HTML--列表标签
  - - 无序列表标签(ul标签)
    - 有序列表标签(ol标签)

HTML–列表标签

无序列表标签(ul标签)

无序列表是一个项目的列表，使用粗体圆点（典型的小黑圆圈）开头。

<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
</head>
<body>
   <!-- ul标签定义无序列表 -->
<ul>
    <!-- li标签定义列表项目 -->
    <li>列表标题一</li>
    <li>列表标题二</li>
    <li>列表标题三</li>
</ul>
</body>
</html>

在这里插入图片描述

有序列表标签(ol标签)

有序列表也是一列项目，列表项目使用数字开头。

<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
</head>
<body>
<!-- ol标签定义有序列表 -->
<ol>
    <!-- li标签定义列表项目 -->
    <li><a href="#">列表标题一</a></li>
    <li><a href="#">列表标题二</a></li>
    <li><a href="#">列表标题三</a></li>
</ol>
</body>
</html>

在这里插入图片描述