#前端学习#------列表标签

本文详细介绍了HTML中的三种列表标签:无序列表、有序列表及定义列表。分别讲述了它们的作用、格式及注意事项,帮助读者更好地理解和使用这些标签。

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

由于本人也是初学HTML,以下都为本人学习过程中分点整理的知识点,希望共同进步,不足之处望指出批正。


1.什么是列表标签

    -作用:给一堆数据添加列表语义,也就是告诉浏览器这一堆数据是一个整体

2.HTML中列表标签的分类

    -无序列表(使用最多)unordered list

    -有序列表(使用最少)ordered list

    -定义列表(使用其次)definition list

3.无序列表

    -作用:给一堆数据添加列表语义,并且这一堆数据中所有的数据没有先后之分

    -格式:<ul>

                        <li>需要展示的条目内容</li>

                </ul>

    -注意点:1.一定要记住ul标签是用来给一堆数据添加列表语义的,而不是用来给他们加小圆点的

                   2.ul标签和li标签是一个整体,一般情况下ul标签和li标签都是一起出现,不会单个出现

                   3.ul标签中不推荐包含其他标签,在ul标签中只会看到li标签

                   4.可以在li标签中添加其他标签来丰富我们的界面

4.有序标签

    -作用:给一堆数据添加列表语义,并且这一堆数据中的所有数据都有先后之分

    -格式:<ol>

                        <li>需要显示的条目</li>

                </ol>

    -注意点:和无序列表差不多

5.定义列表

    -作用:1.给一堆数据添加列表语义

                2.先通过dt标签定义列表中的所有标题,再通过dd标签给每一个标题添加描述信息

    -格式:

            <dl>

                    <dt>需要显示的条目内容</dt>

                    <dd>需要显示的条目内容的描述信息</dd>

            </dl>

    -注意点:1.dl和dd/dt是一个整体,一般情况下不会单独出现,都是一起出现

                   2.dl和dd/dt是一个组合标签,所以dl中建议只放dt和dd标签

                   3.一个dt可以没有对应的dd,也可以有多个对应的dd,但是都不推荐这样使用,只推荐使用一个dt对应一个dd

                   4.和li标签一样,当需要丰富界面时,我们可以在dt和dd标签中继续放其他标签

        















评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值