html dl dt dd 标签元素
html dl dt dd 标签元素
dl dt dd认识及dl dt dd使用方法
- 标签用于定义列表类型标签。
一、dl dt dd认识
html
-
- 是一组合标签,使用了dt dd最外层就必须使用dl包裹,此组合标签我们也又叫表格标签,与table表格类似组合标签,故名我们也叫dl表格(扩展阅读:table tr td、table tr th表格布局)。
二、dl dt dd列表标签语法
- 列表标题
- 列表内容
- 列表内容 ...
语法解释:
首先dt和dd是放于dl标签内,标签dt与dd处于dl下相同级。也就是dt不能放入dd内,dd不能放入dt内。在dl下,dt与dd处于同级标签。DD标签可以若干。同时不能不加dl地单独使用dt标签或dd标签。
标题、标题对应列表效果演示
代码如下:
一个定义列表:
- css网站
- 网址为www.yuegekeji.com
- div css网站
- 网址为www.yuegekeji.com
- div+css网站
- 网址为www.yuegekeji.com
扩展与提升
dl dt dd是一个组合型标签
标签标准用法,代码如下
- 标题1
- 列表1
- 列表2
同时dd内可以放置
- 标签使用。
三、html dl dt dd应用实例案例
1、HTML代码片段:
四、DL DT DD标签总结
我们实践使用dl dt dd标签最多地方,通常是具有标题,而标题下对应有若干列表简单的(栏目标题+对应标题列表)和标题对应下面有内容。在使用时候我们能简洁HTML代码情况下,学会灵活使用dl dt dd,了解和掌握标签结构语法。
在以后开发div+css适当运用dl dt dd标签你将会体会到带来的便利。
上一篇:html span 标签元素
下一篇:HTML 表格标签