html中，dl,dt,dd怎么使用_随笔

1，定义：

<dl><dt><dd>是一组合标签，使用了dt dd最外层就必须使用dl包裹，此组合标签我们也又叫表格标签，与table表格类似组合标签，故名我们也叫dl表格。

<dl><dt></dt><dd></dd></dl>为常用标题+列表型标签。如没有对dl dt dd标签初始CSS样式，默认dd列表内容会一定缩进。

2，用法：

<dl>

...

</dl>

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

我们实践使用dl dt dd标签最多地方，通常是具有标题，而标题下对应有若干列表简单的（栏目标题+对应标题列表）和标题对应下面有内容。

在html中如何让两个dl对齐显示：实际效果来测试一下：

1、打开相关测试软件，设置两个css样式这里取名：dl1 dl2，在html中用dl标签引用这两个样式如下

<style>

.dll{ width:200px height:100px background-color:#F00 float:left}

.dl2{ width:200px height:100px background-color:#09F float:left}

</style>

详解：两个dl引用的css样式宽度width都为200px，高度height为100px，为了区分两个区域块是否在同一行显示，这里设置两个背景颜色dl1为#F00(红色)，dl2为#09F(浅蓝色)；主要css属性：float:left使其靠左浮动对齐，最后在html中用dl引用两个css样式；

注：float:left靠左浮动对齐

float:right靠右浮动对齐；

下方如果还有区域块儿请记得清除一下浮动：clear:both清除左右浮动，left清除左浮动，right清除右浮动；

2、网页中实现效果为：

欢迎分享，转载请注明来源：内存溢出

html中，dl,dt,dd怎么使用