HTML&CSS基础-定义列表

　　　　　　　　　　　　　　　　HTML&CSS基础-定义列表

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　作者：尹正杰

一.HTML源代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>定义列表</title>
    </head>
    <body>
        <!--
            定义列表用来对一些词汇或内容进行定义
            使用dl标签来创建一个定义列表:
            dl有两个子标签：
                dt:
                    被定义的内容
                dd:
                    对定义内容的描述
                    
            同样，dl和ul与ol之间都可以互相嵌套。
        -->
        
        <dl>
            <dt>孙悟空</dt>
            <dd>大闹天空，吊打玉帝的节奏啊！</dd>
            <dd>后背如来佛祖压在了五指山下，被唐僧所救</dd>
            <dt>漩涡鸣人</dt>
            <dd>最擅长的忍术是多重影分身之术</dd>
            <dd>是九尾妖狐的人柱力</dd>
            <dd>会仙术，跟蛤蟆仙人是好友</dd>
        </dl>
    </body>
</html>

二.浏览器打开以上代码渲染结果