10-HTML 列表标签

HTML 列表

• HTML 中的列表一共有三种

  • 有序列表

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

    使用li表示列表项

  • 无序列表

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

    ​ 使用li表示列表项

  • 自定义列表

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

    ​ 使用dt来表示定义的内容

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

  • 列表之间可以互相嵌套

示例

<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>
    </dl>

    <ul>
        <li>
            aa
            <ul>
                <li>aa-1</li>
                <li>aa-2
                    <ul>
                        <li>aa-1</li>
                        <li>aa-2</li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>

效果展示