dl dt dd html标签元素

2019-09-30 郑州网站建设  

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使用小实例 CSS5</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>CSS5栏目</dt> <dd><a href=http://www.divcss5.com/html/"/www.css5.com.cn/muban/">网页源码</a></dd> <dd><a href=http://www.divcss5.com/html/"/www.css5.com.cn/html/">HTML</a></dd> <dd><a href=http://www.divcss5.com/html/"/www.css5.com.cn/css/">CSS属性</a></dd> </dl> </body> </html>
河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/seo/3112.html转载请标明出处,谢谢合作!
标签:
  • HTML
  • 标签
  • 使用
  • 元素
  • 教程
  • 组合