HTML-列表标签

无序列表

  1. 列表标签的作用:给一堆数据添加列表语义,告诉搜索引擎及浏览器这一堆数据是一个整体。
  2. HTML中列表标签的分类:无序列表<ul><li></li></ul>(最多),有序列表<ol><li></li></ol>(最少),自定义列表(其次)。
  3. ul标签和li标签是一个整体,是一个组合,lili是好基友。同样ol标签和li标签也是整体,lili好基友,不要在lili之间加其他。可以在li标签里添加其他标签。
  4. 应用场景:新闻列表,商品列表,导航条。

有序列表

  1. <ol><li></li></ol>
  2. 列表项有序。

自定义列表

  1. 格式:
<dl>
    <dt>definition title定义列表中的标题</dt>
    <dd>definition description定义标题的描述信息</dd>
</dl>
<dl>
    <dt>北京</dt>
    <dd>中国的首都</dd>
</dl>
  1. 定义列表的作用:
    给一堆数据添加列表语义;先通过dt标签定义列表中所有的标题,然后通过dd标签给每个标题添加描述信息
    例如:
    这里写图片描述

  2. 应用:
    -做网站尾部的相关信息;
    -做图文混排

  3. 注意:
    -dlli成双成对出现。
    -dl中建议只放dtdd
    -一个dt可以没有对应的dd,也可以有多个dd,但是推荐一个dt对应一个dd
    -可以在dtdd中继续添加其他标签,但是不推荐在dl中添加其他标签。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值