HTML中DL,DT,DD标签的使用

最新推荐文章于 2022-11-21 00:06:00 发布
最新推荐文章于 2022-11-21 00:06:00 发布
阅读量2.6k 收藏
点赞数
分类专栏： ASP.NET Web程序性能优化 文章标签： html javascript function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nanyida0416sushe/article/details/5646075
版权

<dl>标记定义了一个定义列表，定义列表中的条目是通过使用<dt>标记(“definition title”，定义标题)和<dd>标记(“definition description”，定义描述)创建的。<dt>给出了术语名，<dd>标记给出了术语的定义。

        一个定义列表中可以有多个术语名对应同一个给出的定义，也可有多重定义对应于一个术语名。同时也可以只给出术语名称而不对应定义，反之亦然。当然，这种结构往往并无实际意义，我们可以通过样式表，很轻松的实现这3个标记所达到的效果。

下面是一个例子：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<style type="text/css">
<!--
dl   { background-color:#000;color:#fff;width:100px;}
dt   { cursor:pointer;width:100%;background-color:#666;}
.expand  { overflow:visible;}
.collapse  { height:16px;overflow:hidden;}
//-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function toggleDl(dt){
var dl=dt.parentNode;
if("collapse"==dl.className)dl.className="expand";
else dl.className="collapse";
}
//-->
</script>
</head>
<body>
<dl>
<dt οnclick="toggleDl(this)">根结点</dt>
<dd>子结点1</dd>
<dd>子结点2</dd>
<dd>子结点3</dd>
<dd>子结点4</dd>
</dl>
</body>
</html>

nanyida0416sushe
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html 标签 dl dt dd使用说明
01-21
基本结构： ...复制代码代码如下: <dl> <dt>这里是标题</dt> <dd>这里是内容</dd> <dd>这里是内容</dd> <dt>这里是标题</dt> <dd>这里是内容</dd> <dt>这里是标题</dt> <dd>这里是内容</dd> </dl>
html中dl dt dd 标签用法与图片列表自动换行
weixin_30929011的博客
10-18 1074
dl 标签 -- 代表HTML自定义列表 dl标签是成对出现的,以<dl>开始,</dl>结束 自定义列表的开始使用<dl>标签,列表中每个元素的标题使用<dt>(definition term)定义,后面跟随<dd>(definition description)用于描述列表中元素的内容. 属性: Common -- 一...
html dl dt dd标签元素语法结构与使用
Great_Smile的专栏
03-05 665
html 是一组合标签，使用了dt dd最外层就必须使用dl包裹 列表标题 列表内容 列表内容 ... 一个定义列表： css网站 网址为www.divcss5.com div css网站 网址为www.divcss5.com div+css网站 网址为www.divcss5.com 效果： 出处和来源网址：h
html dt dd dl的语义,WEB前端设计完美的自定义列表dl，dt，dd
weixin_30521175的博客
06-09 336
经常会在网页上看见类似这样的页面效果：下面就应用无懈可击的WEB设计方案来实现它：(HTML代码添加在BODY之中，CSS代码添加在之间，一定要编辑在之间)HTML代码：明月几时有明月几时有，把酒问青天，不知天上宫阙，今夕是何年；我欲乘风归去，又恐琼楼玉宇，高处不胜寒。明月几时有，把酒问青天，不知天上宫阙，今夕是何年；我欲乘风归去，又恐琼楼玉宇，高处不胜寒。时尚界一姐范冰冰引领着中国时尚界的潮流，...
html dl dt dd 标签语法与使用
weixin_30715523的博客
04-26 90
一、dl dt dd认识 html <dl> <dt> <dd>是一组合标 […] 转载于:https://www.cnblogs.com/iplus/p/4467539.html
HTML之dl、dt、dd（也许这是你还没用过的标签，但它们非常实用）
子非魚
08-27 3万+
一、dl dt dd认识 html 是一组合标签，使用了dt dd最外层就必须使用dl包裹，此组合标签我们也又叫表格标签，与table表格类似组合标签，故名我们也叫dl表格（扩展阅读：table tr td、table tr th表格布局）。 为常用标题+列表型标签。如没有对dl dt dd标签初始CSS样式，默认dd列表内容会一定缩进。（扩展阅读：ul li、ol li、li
HTML中的dl、dt和dd标记
shashafool的博客
01-10 5944
这里介绍一组HTML标记----dl、dt和dd。这组标记和ul、li非常类似，也用于列表结构。dl被称为“定义列表”，在使用方法上相当于ul；dt和dd分别称为“定义标题”和“定义描述”，它们在使用方法上相当于li。例如有下面的一段代码： <dl> <dt>北京市大学</dt> <dd>清华大学</dd> ...
dl dt 和dd的用法
happyYYhy的博客
02-28 8720
dl默认的是块状元素 用来创建一个普通的列表, 用来创建列表中的上层项目， 用来创建列表中最下层项目， 和都必须放在标志对之间。 dl  —— define list——定义列表 dt ——define list title——用于生成定义列表中各列表项的标题，重复使用可以定义多个列表项的标题。 dd——define list define——用于生成定义列表各列表项
＜dl＞、＜dt＞、＜dd＞ 的使用
琳琳的博客
05-07 3624
<dl>、<dt>、<dd>这三个html标记是一个组合，它们很很像<ul><li>这个标签组合，但<dl>、<dt>、<dd>通常是用来描述一些术语定义，比如附录里的词汇表，或用来显示key-value这样成对的键和值。 <dl>、<dt>、<dd>通常被称为定义性列表。 用于一个术语对应一条解释或定义 <dl> <dt>Firefox&l
CSS图片水平垂直居中+CSS的dl的显示与隐藏
qq_44997147的博客
10-10 393
CSS图片水平垂直居中 注意：大div的margin:0 auto才是关键，其次是图片不能过大。不能用padding或者margin写居中，否则页面缩小会出现问题，并且会出现增大页面宽度的弊端。 <div style="margin:0 auto;width: 948px;"><img src="~/Content/Img/fmy1.png" style="text-align:...
网页制作小技巧 dl dt dd标签用法
09-25
一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到，它也属于列表类的标签，下面说一下大概的用法
DD DT DL标签使用示例
09-28
我们平时常用的是ul li标签，不过dd、dt标签也蛮不错，主要实在有功能模块列表什么的可以使用它来排版，下面为大家介绍个示例讲解下dd、dt标签的具体的使用方法，感兴趣的朋友额可以参考下
前端用显示隐藏样式实现三级菜单的效果（display实现）
weixin_45096939的博客
11-21 501
style.border="0px solid #fff" （隐藏之后占位）（2）.style.visibility="hidden" （隐藏之后占位）（1）.style.display="none" （隐藏之后不占位）（3）.style.opacity=0 （隐藏之后占位）
CSS之排列系列--dl, dt, dd--使用/教程/实例
IT利刃出鞘的博客
12-05 1万+
本文用示例介绍CSS中的dl, dt, dd的用法。 dl, dt, dd是组合标签，使用了dt dd最外层就必须使用dl包裹，此组合标签我们也又叫表格标签，与table表格类似组合标签，故名我们也叫dl表格。 为常用标题+列表型标签。若没有对dl dt dd标签初始CSS样式，默认dd列表内容会缩进。
html中dl，dt，dd标签的用法
Sky___Ice的专栏
05-23 1万+
dl 标签 -- 代表HTML自定义列表  dl标签是成对出现的,以开始,结束  自定义列表的开始使用标签,列表中每个元素的标题使用(definition term)定义,后面跟随(definition description)用于描述列表中元素的内容.  属性:  Common -- 一般属性  dl是definition lists的英文缩写  引用网址:http://www.dr
html dd标签隐藏,HTML dl dt dd 标签
weixin_33401529的博客
06-04 1459
标签用于定义列表类型标签。一、dl dt dd 初步认识html 是一组合标签，使用了dt dd最外层就必须使用dl包裹，此组合标签我们也又叫表格标签，与table表格类似组合标签，故名我们也叫dl表格。为常用标题+列表型标签。如没有对dl dt dd标签初始CSS样式，默认dd列表内容会一定缩进。二、dl dt dd列表标签语法列表标题列表内容列表内容首先dt和dd是放于dl标签内，标签d...
HTML+CSS 完成顶部导航栏菜单制作
yunduanaoligei的博客
08-20 3185
导航栏针对一切网址都很重要，文中关键详细介绍了HTML+CSS 完成顶端导航栏菜单制作，具备一定的参考价值，感兴趣的小伙伴们能够参照一下 导航栏的制作： 技术要求： CSS HTML各类标签 实现目的： 制作导航栏菜单 代码分析： 基本样式清除 无序列原点删除 下划线删除 文字默认居中 a标签设置块级元素 伪类选择器对a状态修饰 分步实现： 分三栏布局：使用浮动 logo一栏；选择栏一栏；搜索栏一栏 logo部分： img标签，导入图片，a标签超链接 ，img导入图片，防止图片失真width和height设
html中怎么把导航栏置顶,js与css实现简单的网页菜单置顶效果
weixin_32285411的博客
05-30 1358
在很多网站的网页当中，当鼠标将页面往下拉动时，经常可以见到悬浮在页面顶部的菜单导航栏，这是怎样实现的呢？以下简单介绍了js与css代码实现玩也菜单的悬浮置顶效果.css代码如下：#dh-xf {position: fixed;z-index: 9999;top: 0;background: #333;opacity: 0.8;width: 100%;_position: absolute;_top...
(HTML控件篇)fieldset和legend标签的属性和使用方法
热门推荐
我的IT世界
05-30 3万+
  晚上在随便看一个网页Ajax无刷新聊天室程序的时候，突然看到了fieldset和legend标签，这是我第一次接触和看到这两个HTML标签，感觉很陌生，这或许就是我从弃医从IT的悲剧吧，没怎么完整的学过HTML，不过我不叹息，亡羊补牢，现在就把这两个标签好好学习学习。知识嘛本来就是一个积累的课程，就比如在大学读了那么多的医学书，那么厚的医学书都啃下了，这点怕啥呢。。  好吧，言归正传，开始
在html里面dl dt dd是什么标签
最新发布
06-04
`<dl>`,`<dt>`,`<dd>`是 HTML 中的定义列表标签，用于定义术语及其描述。`<dl>` 标签定义了整个定义列表，`<dt>` 标签定义了术语名称，`<dd>` 标签定义了描述内容。例如： ```html <dl> <dt>HTML</dt> <dd>超文本...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值