您的位置:内蒙古11选五开奖5号的 > HTML > 正文

内蒙古体彩11选五走势图:<dl> <dt> <dd> html标签元素

html <dl> <dt> <dd>组合标签与应用教程

类似于标题dt列表dd组合,放入dl内。自定义列表标签。dt有点类似为标题,而dd可以作为普通列表标签使用。

一、HTML标签语法

dl、dt、dd均不能单独使用,三者通常是以标签组合来使用,就像ul li列表标签一样组合在一起使用,同时均属于html标签。

1、dl dt dd结构语法

<dl>
<dt>列表项目名称</dt>
<dd>内容一</dd>
<dd>内容二</dd>
<dd>内容三</dd>
</dl>

一定要dl dt dd配合组合着用。

标签组合基本语法结构与浏览截图
标签组合基本语法结构与浏览截图

当然:

<dl>
<dt>dt内容</dt>
<dd>只用一次DD</dd>
</dl>

只用一次dd也是可以的。

同时dd内使用ul li标签组合也是允许的。

2、理解
dl dt dd看似比较复杂的多个标签,实际上加以理解,dl好比外套,dt相等于头部,dd为身体,而这个组合是不能分开单独使用的。必须以dl dt dd组合着使用。

二、dl dt dd与CSS

<dl> <dt> <dd>三个标签都是可以加class和id引入CSS。

如:

<dl class="aaa"></dl>
<dl id="bbb"></dl>

<dt class="ccc"></dt>
<dt id="ddd"></dt>

<dd class="eee"></dd>
<dd id="fff"></dd>

均是可以的。

3、使用注意
dt内不能使用h1-h6标签,也就是说,dt不能放标题标签如h1、h2、h3、h4等

三、dl dt dd应用小示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>dl dt dd应用小实例 ThinkCSS</title>
<style>
dl,dt,dd{ margin:0}
dl.new-box{ border:1px solid #F00; width:200px}
dl.new-box dt{ font-weight:bold; padding-bottom:10px}
</style>
</head>
<body>
<dl class="new-box">
<dt>ThinkCSS栏目</dt>
<dd><a href="//www.phlmy.com/muban/">网页模板</a></dd>
<dd><a href="//www.phlmy.com/html/">HTML</a></dd>
<dd><a href="//www.phlmy.com/css/">CSS属性</a></dd>
</dl>
</body>
</html>

实例截图:

dl dt dd简单应用实例截图
dl dt dd简单应用实例截图

在线演示:

查看案例

打包免费下载:

四、实际应用截图

可以分别使用dl dt dd布局
可以分别使用dl dt dd布局

相关标签: dl dt dd
如需转载,请注明文章出处和来源网址:www.thinkcss.com/html/1157.shtml

日期:2016-12-06 18:23:04 来源:内蒙古11选五开奖5号的 www.phlmy.com 作者:ThinkCSS
  • 其实啊也不奇怪,菜做好了先来一份尝尝味道于是提前开吃了。 2019-08-19
  • 十九大精神进机关:原原本本吃透精神 学懂弄通昂扬斗志 2019-08-13
  • 我们是建立市场经济,公有制如何建立市场经济,就要明晰产权,不明晰产权如何建立市场经济? 2019-08-13
  • 2017巴塞尔国际钟表珠宝展 2019-08-11
  • 政务舆情回应如何把握语言分寸感? 2019-08-11
  • 候选案例:机井通电惠民生 2019-08-08
  • 2018年04期 中国国家地理网 2019-08-05
  • 解析视频播控平台黑产链 20元看12家网站VIP会员视频 2019-07-31
  • 西安外国语大学第二十四届校园文化艺术节闭幕式暨第一届朗读者圆满落幕西安外国语大学第二十四届校园文化艺术节-陕西教育新闻 2019-07-31
  • 俄罗斯世界杯今日开战,送上最全观赛指南!你最看好哪支球队? 2019-07-29
  • 《人民日报》让我爱上了文学(原创首发) 2019-07-29
  • 【北京页川车型报价】北京页川4S店车型价格 2019-07-27
  • 河北沧州经济开发区管理委员会 2019-07-24
  • 强村带弱村结对共发展 2019-07-24
  • 《读药》151期:短篇小说——解读蒋一谈《庐山隐士》 2019-07-15
  • 3d开奖历史记录 老快3开奖视频直播 福建福彩网15选5走势图 中国福利彩票东方6十1 11选5江苏11选5走势图 百度 35选7开奖查询 88597开奖现场 p26开奖结果 江苏快3三同号单选 体彩p5综合走势图带连线 3d试机号今天口诀 平特肖的计算公式 福建22选5号码走势图 咋天六合彩开什么 网易体育