html中,dl,dt,dd怎么使用

html中,dl,dt,dd怎么使用,第1张

1,定义

<dl>

<dt>

<dd>是一组合标签,使用了dt

dd最外层就必须使用dl包裹,此组合标签我们也又叫表格标签,与table表格类似组合标签,故名我们也叫dl表格。

<dl><dt></dt><dd></dd></dl>为常用标题+列表型标签。如没有对dl

dt

dd标签初始CSS样式,默认dd列表内容会一定缩进。

2,用法:

<dl>

<dt>列表标题</dt>

<dd>列表内容</dd>

<dd>列表内容</dd>

...

</dl>

首先dt和dd是放于dl标签内,标签dt与dd处于dl下相同级。也就是dt不能放入dd内,dd不能放入dt内。在dl下,dt与dd处于同级标签。DD标签可以若干。同时不能不加dl地单独使用dt标签或dd标签。

我们实践使用dl

dt

dd标签最多地方,通常是具有标题,而标题下对应有若干列表简单的(栏目标题+对应标题列表)和标题对应下面有内容。

html中,dl和dd和dt标签的意思如下:

1、dl标签定义了定义列表(definition list)。

2、dd是用来定义列表中定义条目的定义部分。

举例说明:

<html>

<body>

<h2>一个定义列表:</h2>

<dl>

 <dt>计算机</dt>

 <dd>用来计算的仪器 ... ...</dd>

 <dt>显示器</dt>

 <dd>以视觉方式显示信息的装置 ... ...</dd>

</dl>

</body>

</html>

3、显示结果:

<dl></dl>用来创建一个普通的列表,<dt></dt>用来创建列表中的上层项目,<dd></dd>用来创建列表中最下层项目,<dt></dt>和<dd></dd>都必须放在<dl></dl>标志对之间。看一下下边的例子您就会明白了:

例2 创建一个普通列表

<html>

<head>

<title>一个普通列表</title>

</head>

<body text="blue">

<dl>

<dt>中国城市</dt>

<dd>北京 </dd>

<dd>上海 </dd>

<dd>广州 </dd>

<dt>美国城市</dt>

<dd>华盛顿 </dd>

<dd>芝加哥 </dd>

<dd>纽约 </dd>

</dl>

</body>

</html>

此例在浏览器中的显示如下:

中国城市

北京

上海

广州

美国城市

华盛顿

芝加哥

纽约


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7113021.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存