【04列表ul、ol、dl】-优快云博客

本文链接：https://blog.youkuaiyun.com/chenshuangzhi/article/details/126069848

本文介绍了HTML中的三种列表类型：有序列表（ol）、无序列表（ul）和定义列表（dl）。详细讲解了如何使用li、dt和dd标签，并提到了列表的嵌套和自定义学习过程。

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

在html中可以创建列表,html列表一共有三种

1.有序列表

2.无序列表

3.定义列表

有序列表，使用ol标签来创建有序列表

使用li表示列表项

<ol>
    <li>结构</li>
</ol>

无序列表，使用ul标签来创建无序列表

使用li表示列表项

<ul>
    <li>结构</li>
</ul>

定义列表，使用dl标签来创建一个定义列表

使用dt来表示定义的内容

使用dd来对内容进行解释说明

<dl>
    <dt>结构</dt>
    <dd>结构表示网页的结构,结构用来规定网页中哪里时标题,哪里是段落</dd>
</dl>

    <dd>可以用来做下拉菜单

列表之间可以互相嵌套

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

    <!-- 无序列表 -->
    <ul>
    <li>结构</li>
    <li>表现</li>
    <li>行为</li>
    </ul>

    <!-- 有序列表 -->
    <ol>
        <li>结构</li>
        <li>表现</li>
        <li>行为</li>
    </ol>

    <!-- 定义列表 -->
    <dl>
        <dt>结构</dt>
        <!-- <dd>可以用来做下拉菜单 -->
        <dd>结构表示网页的结构,结构用来规定网页中哪里时标题,哪里是段落</dd>
        <dd>结构表示网页的结构,结构用来规定网页中哪里时标题,哪里是段落</dd>
        <dd>结构表示网页的结构,结构用来规定网页中哪里时标题,哪里是段落</dd>
    </dl>

    <ul>
        <li>aa
            <ul>
                <li>aa1</li>
                <li>aa2
                    <ul>
                        <li>aa11</li>
                        <li>aa22</li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>

    <ul>
        <li>aa
            <ol>
                <li>pingg

                </li>
            </ol>
        </li>
    </ul>

</body>
</html>

此笔记来自于跟尚硅谷老师学习自己所写，用于自我复习