一天搞定HTML----列表标签03

最新推荐文章于 2021-04-03 22:58:21 发布

Java仗剑走天涯

最新推荐文章于 2021-04-03 22:58:21 发布

阅读量785

点赞数

分类专栏：前端基础HTML5/CSS3 文章标签： HTML 列表标签

本文链接：https://blog.csdn.net/baidu_37107022/article/details/71424948

版权

前端基础HTML5/CSS3 专栏收录该内容

46 篇文章 2 订阅

订阅专栏

1.细说列表标签

这里写图片描述

2.代码演示

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--
            ul          无序列表
            ol          有序列表
            li          列表项
            dl          自定义列表
            dt          自定义列表标题
            dd          自定义列表项
        -->
        <ul>
            <li>ul是无序列表</li>
            <li>li是列表项</li>
            <li>ul的子元素只能是li</li>
            <!--<div>这是一个div</div>-->
        </ul>
        <ol>
            <li>ol是一个有序列表</li>
            <li>li是列表项</li>
            <li>ol的子元素只能是li</li>
            <!--<div>这是一个div</div>-->
        </ol>
        <dl>
            <dt>dl是自定义列表，dt表示列表的标题</dt>
            <dd>dd是列表项</dd>
            <dd>dt只能出现一次，dd可以出现多次</dd>
        </dl>
    </body>
</html>