html dl dt dd标签元素语法结构与使用

html dl dt dd标签元素语法结构与使用

dl dt dd认识及dl dt dd使用方法

标签用于定义列表类型标签

dl dt dd目录

  1. dl dt dd介绍
  2. 结构语法
  3. dl dt dd案例
  4. dl dt dd总结

一、dl dt dd认识   –  TOP

html

是一组合标签,使用了dt dd最外层就必须使用dl包裹,此组合标签我们也又叫
表格标签,与
table表格类似组合标签,故名我们也叫dl表格(
扩展阅读
table tr td
table tr th表格布局)。为常用标题+列表型标签。如没有对dl dt dd标签初始
CSS样式,默认dd列表内容会一定缩进。(扩展阅读:ul li、ol li、li列表)

二、dl dt dd列表标签语法   –  TOP


列表标题


列表内容

列表内容



语法解释:
首先dt和dd是放于dl标签内,标签dt与dd处于dl下相同级。也就是dt不能放入dd内,dd不能放入dt内。在dl下,dt与dd处于同级标签。DD标签可以若干。同时不能不加dl地单独使用dt标签或dd标签。

标题、标题对应列表效果演示
代码如下:


  1. <</span>html> 
  2. <</span>body> 
  3. <</span>h1>一个定义列表:</</span>h1> 
  4. <</span>dl> 
  5. <</span>dt>css网站</</span>dt> 
  6. <</span>dd>网址为www.divcss5.com</</span>dd> 
  7. <</span>dt>div css网站</</span>dt> 
  8. <</span>dd>网址为www.divcss5.com</</span>dd> 
  9. <</span>dt>div+css网站</</span>dt> 
  10. <</span>dd>网址为www.divcss5.com</</span>dd> 
  11. </</span>dl> 
  12. </</span>body> 
  13. </</span>html> 

 演示截图
 

 

三、html dl dt dd应用实例案例   –  TOP

1、HTML代码片段:


欢迎来到divcss5


这里有,html教程

这里有,css模块

这里有,css教程

2、dl dt dd案例截图

我们实践使用dl dt dd标签最多地方,通常是具有标题,而标题下对应有若干列表简单的(栏目标题+对应标题列表)和标题对应下面有内容。在使用时候我们能简洁HTML代码情况下,学会灵活使用dl dt dd,了解和掌握标签结构语法。

在以后开发div+css适当运用dl dt dd标签你将会体会到带来的便利。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h88.shtml

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/114258.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号