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

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>
posted @ 2017-05-08 16:43  TCB_Java  阅读(127)  评论(0)  编辑  收藏  举报