如何使用DD DT DL

我们在HTML中最常用的就是DD DT DL,但是也有很多用户们不知道如何使用DD DT DL,那么接下来的内容中就让我们一起去看看使用DD DT DL的示例。

我们平时常用的是标签,不过dd、dt标签也蛮不错,特别是发布程序的时候功能模块列表什么的可以使用它来排版。

用来创建一个普通的列表,用来创建列表中的上层项目,用来创建列表中最下层项目,和都必须放在标志对之间。看一下下边的例子您就会明白了:

dl ——define list——定义列表

dt ——define list title——用于生成定义列表中各列表项的标题,重复使用可以定义多个列表项的标题。

dd——define list define——用于生成定义列表各列表项的说明文字段,重复使用可以定义多个说明文字段。dd是对应dt的简短说明或解

例子:

 

复制代码

代码如下:

Today

Today is yesterday.

Tomorrow

Tomorrow is today.

例子2:

 

 

复制代码

代码如下:

 

 

无标题文档

<!–
dt {
float: left;
width: 60px;
margin: 0px;
padding: 0px;
}
dd {
float: left;
clear: none;
width: 290px;
margin: 0px;
padding: 0px;
}
dl {
width: 350px;
font-size: 9pt;
line-height: 1.5em;
position:relative;
margin: 0px;
padding: 0px;
left:15px;
}
.red {
color: #FF3300;
}
#box {
width: 500px;
background-color: #F1F1F7;
}
#box #content {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 20px;
}
–>

商品名称:

[好大的一只啊] 忧惠:
8.5折

商品简介:

商品名称商品名称商品品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品品名称商品名称商品名称商品名称商品名称 商品名称商品名称商品名称商品品名称商品名称商品名称商品名称商品名称商品名称……[
详细介绍]

店铺地址:

商品名称

联系电话:

0000-12345678 87654321

上文就是小编介绍如何使用DD DT DL的内容,如果你还想了解更多相关内容就请关注爱站技术频道吧。