前端 - 基础 列表标签 - 自定义列表 详解

使用场景  :   常用于对术语或名词进行解释和描述,定义列表的列表前没有任何项目符号。

                       在 HTML 标签中,  < dl >   标签用于定义 描述列表 ( 或定义列表 )

                       该标签会与 <dt>  ( 定义项目/名字 ) 和 <dd>  (  解释每一个项目/名字 ) 一起使用。 

实例  : 

               

                 上面有一个标题, 在其下面有相对应的解释,说明  ,这就是自定义列表的使用 

                 有点儿 一个大哥引领一群小弟的样子 ~!! 

语法格式  : 

<dl>

    <dt> 名词1 </dt>         ( 就是大哥  )
    <dd> 名词1解释1 </dd>     (  小弟1 )  
    <dd> 名词1解释2 </dd>     (小弟2  )
    <dd> 名词1解释3 </dd>     ( 小弟 3 )

</dl>

示例  : 

                 

                ===>>>

                

                 当然,可以看到的是  在小弟们 前面 有大的空格间隙,这个先不用操心,不用管,到后

                 面学习完 CSS 后 可以修饰的~!!  

注意  : 

                 #   <dl> 标签 里面只能包含 <dt>  和  <dd> 

                 #   <dt>  和 <dd> 没有个数限制, 经常是一个 <dt>  对应多个 <dd> 

                      就是一个大哥 带着 一群小弟 

                 #   <dt>   和  <dd>   是兄弟关系,是并列的,不是嵌套的~!!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值