<dl> <dt> <dd> html标签元素

2019年11月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>

均是可以或许的。

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="//www.css5.com.cn/muban/">网页模板</a></dd>
<dd><a href="//www.css5.com.cn/html/">HTML</a></dd>
<dd><a href="//www.css5.com.cn/css/">CSS属性</a></dd>
</dl>
</body>
</html>

实例截图：

dl dt dd简单应用实例截图