好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

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

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

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

标签 用于定义列表类型标签。 dl dt dd目录 dl dt dd介绍 结构语法 dl dt dd案例 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标签。

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

 
        <</span>html>   <</span>body>   <</span>h1>一个定义列表:</</span>h1>   <</span>dl>   <</span>dt>css网站</</span>dt>   <</span>dd>网址为www.divcss5.com</</span>dd>   <</span>dt>div css网站</</span>dt>   <</span>dd>网址为www.divcss5.com</</span>dd>   <</span>dt>div+css网站</</span>dt>   <</span>dd>网址为www.divcss5.com</</span>dd>   </</span>dl>   </</span>body>   </</span>html>   
      

 演示截图
 

扩展与提升
dl dt dd是一个组合型标签
标签标准用法,代码如下

 
        <</span>dl>   <</span>dt>标题1</</span>dt>   <</span>dd>列表1</</span>dd>   <</span>dd>列表2</</span>dd>   </</span>dl>   
      

同时dd内可以放置

标签使用。

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

1、HTML代码片段:


欢迎来到divcss5
这里有,html教程
这里有,css模块
这里有,css教程

2、dl dt dd案例截图


以上为html dl dt dd列表标签范例图

四、 DL DT DD标签总结   -   TOP

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

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

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

赞赏码

非学,无以致疑;非问,无以广识

查看更多关于html dl dt dd标签元素语法结构与使用的详细内容...

  阅读:42次

上一篇: WEBZIP为什么打不开网页

下一篇:土豆的seo