html02-标签继续学习-1.列表标签

        1.1 列表标签的使用场景

                场景：在网页中按照 行 展示关联性的内容，如：新闻列表、排行榜、账单等

                特点：按照行的方式，整齐显示内容

                种类：无序列表、有序列表、自定义列表

        1.2无序列表

<!--场景：在网页中表示一组无顺序之分的列表，如：新闻列表。
    标签组成：
        ul:表示无序列表的整体，用于包裹li标签
        li：表示无序列表的每一项，用于包含每一行的内容
    显示特点：
        列表的每一项前默认显示圆点标识
    注意点：
        ul标签中只允许包含li标签
        li标签可以包含任意内容 -->
    <ul>
        <li>北京</li>
        <li>上海</li>
        <li>天津</li>
    </ul>

        1.3 有序列表

<!-- 场景：在网页中表示一组有顺序之分的列表，如：排行榜。
    标签组成：
        ol:表示有序列表的整体，用于包裹li标签
        li：表示有序列表的每一项，用于包含每一行的内容
    显示特点：
        列表的每一项前默认显示序号标识
    注意点：
        ol标签中只允许包含li标签
        li标 -->
        <ol>
            <li>北京</li>
            <li>上海</li>
            <li>天津</li>
        </ol>

        1.4 自定义列表

<!-- 场景：在网页的底部导航中通常会使用自定义列表实现。
    标签组成：
        dl:表示自定义列表的整体，用于包裹dt/dd标签
        dt：表示自定义列表的主题
        dd：表示自定义列表的针对主题的每一项内容
    显示特点：
        dd前会默认显示缩进效果
    注意点：
        dl标签中只允许包含dt/dd标签
        dt/dd标签可以包含任意内容 -->
        <dl>
            <dt>帮助中心</dt>
            <dd>账户管理</dd>
            <dd>购物指南</dd>
            <dd>订单操作</dd>
        </dl>