`
流浪鱼
  • 浏览: 1682509 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

DD DT DL标签

    博客分类：
  • html
 
阅读更多

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

例子：
<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> 

分享到：
| phpStudy
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    DD DT DL标签使用示例

    在实际应用中，比如在线商店的产品详情页，`&lt;dl&gt;`标签常用于展示商品信息，如商品名称、优惠情况、商品简介、店铺地址和联系电话等，通过`&lt;dt&gt;`和`&lt;dd&gt;`的配合，可以让信息结构清晰，易于阅读。 总之，`&lt;dl&gt;`、`&lt;dt...

    dl dd dt实现的图文混排效果

    本文将详细解析如何使用HTML的`&lt;dl&gt;`, `&lt;dd&gt;`, 和 `&lt;dt&gt;` 标签来实现一种常见的图文混排效果：左边显示图片，右边显示文字。 `&lt;dl&gt;`（定义列表）标签在HTML中主要用于创建一个名词或术语及其描述的列表。它通常包含...

    dl、dt、dd列表标签实例

    dd、dt标签是是列表用的。我们平时常用的是&lt;ul&gt;&lt; li&gt;标签，不过dd、dt标签也蛮不错，特别是发布程序的时候功能模块列表什么的可以使用它来排版。&lt;dl&gt;&lt;/dl&gt;&lt;dt&gt;&lt; /dt&gt;&lt;dd&gt;&lt; /dd&gt; &lt;dl&gt;&lt;/dl&gt;用来创建一个普通的...

    HTML 列表中的dl,dt,dd,ul,li,ol区别及应用.doc

    总结来说，HTML列表通过`&lt;ul&gt;`, `&lt;li&gt;`, `&lt;ol&gt;`, `&lt;dl&gt;`, `&lt;dt&gt;`, 和 `&lt;dd&gt;`等标签，提供了多种方式来组织和呈现信息。根据内容的性质和展示需求，选择合适的列表类型，可以有效地提高网页的可读性和用户体验。记住...

    dl,dt,dd在什么时候适合使用呢？

    dt里是放置信息标题的，dd则是这个信息的简单概要的描述， 也就是说一个dt对应有一个dd来描述它 dd里面的内容可以是任意的，图片、文本甚至是视频或音频 多个类似的dt和dd组成一个dl 那么dl dt dd适合表现例如：带...

    DL-Dt-DD(做表格Css实现)

    `&lt;dt&gt;`是定义术语（Description Term）的标签，用来标记一个术语，而`&lt;dd&gt;`是定义描述（Description Description）的标签，用于解释或描述`&lt;dt&gt;`中的术语。 **为何使用DL-DT-DD实现表格** 1. **样式灵活性**：`&lt;dl...

    dl,dt,dd在什么时候适合使用呢

    在HTML中，`dl`、`dt`、`dd`是一组用于创建定义列表（Definition List）的标签。这些元素可以帮助开发者更清晰地组织信息，并且在语义上具有明确的意义。下面将详细介绍这三种标签的用法及其适用场景。 #### 一、`...

    html 标签 dl dt dd使用说明

    基本结构： ...复制代码代码如下: &lt;dl&gt; &lt;dt&gt;这里是标题&lt;/dt&gt; &lt;dd&gt;这里是内容&lt;/dd&gt; &lt;dd&gt;这里是内容&lt;/dd&gt; &lt;dt&gt;这里是标题&lt;/dt&gt; &lt;dd&gt;这里是内容&lt;/dd&gt; &lt;dt&gt;这里是标题&lt;/dt&gt; &lt;dd&gt;这里是内容&lt;/dd&gt; &lt;/dl&gt;

    用标准dl,dt,dd标签抛弃table列表

    本文将探讨如何利用`&lt;dl&gt;`, `&lt;dt&gt;`, `&lt;dd&gt;`标签替代`&lt;table&gt;`来创建数据列表，以实现更简洁、更语义化的代码。 首先，`&lt;table&gt;`标签在处理大量数据时表现出色，例如大型数据表，因为它们提供了整齐的网格布局。然而...

    网页制作小技巧 dl dt dd标签用法

    本文将详细介绍`&lt;dl&gt;`、`&lt;dt&gt;`和`&lt;dd&gt;`标签的用法和应用场景。 `&lt;dl&gt;`标签： `&lt;dl&gt;`标记定义了一个定义列表，它的主要作用是展示一对对的名词和对其的解释。这种列表不同于普通的`&lt;ul&gt;`或`&lt;ol&gt;`，因为它不强调顺序...

    DL.DT.DD实现左右的布局简单例子第1/2页

    本文将通过一个具体的案例来探讨如何使用HTML中的`&lt;dl&gt;`（定义列表）、`&lt;dt&gt;`（定义项）和`&lt;dd&gt;`（定义描述）标签来构建左右布局，并结合CSS进行样式调整。 #### 二、DL、DT、DD基础知识 在深入探讨之前，我们先...

    HTML的dl、dt、dd标记制作表格对决Table制作表

    对于小型数据列表和表单，使用`&lt;dl&gt;`, `&lt;dt&gt;`, 和 `&lt;dd&gt;` 标签是一个更好的选择，因为它更符合语义化的原则，使得内容结构更加清晰。 然而，这并不意味着`&lt;table&gt;`标签已经过时。对于展示大量结构化数据，如财务...

    dl,dt,dd标记在网页中要充分利用

    我们在制作网页过程中用到列表时一般会使用或者标签，很少用刑&lt;dl&gt;标签，但是这个三个标签却有着不可忽视的作用，毕竟Web标准中要尽最大可能的使用已有的标签。它们的用途是： &lt; dl&gt;&lt; /dl&gt;用来创建一个普通的列表...

    dd标签.doc

    在定义列表中，`&lt;dl&gt;` 标签用于包裹整个列表，`&lt;dt&gt;` 标签定义了术语或项目名称，而`&lt;dd&gt;` 标签则用来提供这些术语的描述或定义。 #### 二、基本语法与结构 定义列表的基本语法结构如下： ```html &lt;dl&gt; &lt;dt&gt;术语...

Magicbox
Global site tag (gtag.js) - Google Analytics