HTML基础知识--列表

一、 列表
列表通常由一组标签组成。

  1. 无序列表
    作用:定义一个没有顺序的列表结构。
    由两个标签组成,ul(ulordered list),译义为“无序列表”,li(list item),译义为“列表项”。ul 内部嵌套li,它们是父子关系。
    ul标签内部只能嵌套li,li标签内部可以嵌套任何标签,甚至是ul。
    无序列表的使用示例:
    在这里插入图片描述

在这里插入图片描述
无序列表项之间没有先后顺序之分,列表项之前的前缀样式是有CSS去控制的,目前只负责结构的搭建就可以了。
2. 有序列表
作用:定义一个有序列表的列表结构,由两个标签组成,ol(ordered list),译义为“有序列表”,li(list),译义为“列表项”。ol 内部嵌套li,它们是父子关系。
ol标签的内部必须只能嵌套li,li标签的内部可以嵌套任何标签,甚至是ul。
有序列表的使用示例:
在这里插入图片描述
在这里插入图片描述
3. 定义列表
作用:定义一个标题和内容自定义的列表结构。
由三个标签组成,dl(definition list),表示创建一个自定义列表结构;dt(definition term),定义主题或者定义术语,表示一个列表的主题;dd(definition description),定义解释项,表示解释和说明前面的内容。
dl内部只能存放dt和dd,dt和dd是同级关系。
定义列表的使用示例:
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
每个dt主题的后面可以跟0-多个解释的dd,每个dd解释的就是上一个最近的dt。
dt和dd都是容器级标签,内部可以存放任意内容。

  • 5
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值