DD DT DL标签使用示例
导读：收集整理的这篇文章主要介绍了DD DT DL标签使用示例，觉得挺不错的，现在分享给大家，也给大家做个参考。 我们平时常用的是< ul>< li>标签，不过dd、dt标签也蛮不错，特别是发布程序的时候功能模块...
收集整理的这篇文章主要介绍了DD DT DL标签使用示例，觉得挺不错的，现在分享给大家，也给大家做个参考。 我们平时常用的是 ul>
li>
标签，不过dd、dt标签也蛮不错，特别是发布程序的时候功能模块列表什么的可以使用它来排版。 dl> /dl> dt> /dt> dd> /dd>
dl> /dl> 用来创建一个普通的列表, dt> /dt> 用来创建列表中的上层项目， dd> /dd> 用来创建列表中最下层项目， dt> /dt> 和 dd> /dd> 都必须放在 dl> /dl> 标志对之间。看一下下边的例子您就会明白了：
dl ——define list——定义列表
dt ——define list tITle——用于生成定义列表中各列表项的标题，重复使用可以定义多个列表项的标题。
dd——define list define——用于生成定义列表各列表项的说明文字段，重复使用可以定义多个说明文字段。dd是对应dt的简短说明或解
例子：
@H_777_11@复制代码代码如下:
dl>
dt> Today
dd> Today is yesterday.
dt> Tomorrow
dd> Tomorrow is today.
/dl>
例子2：
复制代码代码如下:
htML>
!DOCTYPE html PubLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html XMlns="http://www.w3.org/1999/xhtml">
head>
title> 无标题文档/title>
style type="text/css">
!--
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;
}
-->
/style>
/head>
body>
div id="box">
div id="content">
img src=/Article/UploaDFiles/200704/20070412091408274.gif align="left"/ >
dl>
dt> 商品名称：/dt>
dd> strong> [好大的一只啊] /strong> 忧惠：span class="red"> em> 8.5折/em> /span> /dd>
dt> 商品简介：/dt>
dd> 商品名称商品名称商品品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品品名称商品名称商品名称商品名称商品名称 商品名称商品名称商品名称商品品名称商品名称商品名称商品名称商品名称商品名称……[span class="red"; > 详细介绍/span> ]/dd>
dt> 店铺地址：/dt>
dd> 商品名称/dd>
dt> 联系电话：/dt>
dd> 0000-12345678 87654321 /dd>
/dl>
/div>
/div>
/body>
/html>
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： DD DT DL标签使用示例
本文地址： https://pptw.com/jishu/587895.html