当前位置: 首页 > article >正文

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

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

                       在 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>   是兄弟关系,是并列的,不是嵌套的~!!


http://www.kler.cn/a/229610.html

相关文章:

  • git: hint:use --reapply-cherry-picks to include skipped commits
  • 写个自己的vue-cli
  • VMware中Ubuntu如何连接网络?安排!
  • 【Word_笔记】Word的修订模式内容改为颜色标记
  • 硬件设计-齐纳管
  • 计算机网络(五)运输层
  • 国外邮件群发平台如何选择?邮件营销工具?
  • Go语言中...(三个点)的使用几个常见情况
  • Midjourney新功能介绍:风格参考(Style References)详解
  • Dell服务器iDRAC9忘记密码, 通过RACADM工具不重启 重置密码
  • 【软件设计师笔记】深入探究操作系统
  • Unity类银河恶魔城学习记录3-2 Entity源代码 P48
  • Java 学习和实践笔记(1)
  • tcp/ip模型中,帧是第几层的数据单元?
  • 外包干了10个月,技术退步明显...
  • Python测试框架 Pytest —— mock使用(pytest-mock)
  • CPU对数据库的性能影响
  • 速度规划:s形曲线------pencv c++绘图(1)
  • LeetCode--455.分发饼干
  • SpringBoot之整合PageHelper分页插件
  • Android rom定制 修改system分区的容量大小
  • Kotlin手记(一):基础大杂烩
  • Spring MVC跨域设置
  • mac检查CPU温度和风扇速度软件:Macs Fan Control Pro 1.5.17中文版
  • RabbitMQ_00000
  • docker部署docker运维工具