当前位置:Gxlcms > html代码 > html中<dd>标签的使用以及作用详解

html中<dd>标签的使用以及作用详解

时间:2021-07-01 10:21:17 帮助过:618人阅读

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

标题、标题对应列表效果演示
代码如下:

<html> 
<body> 
<h1>一个定义列表:</h1> 
<dl> 
    <dt>css网站</dt> 
    <dd>网址为www.divcss5.com</dd> 
    <dt>div css网站</dt> 
    <dd>网址为www.divcss5.com</dd> 
    <dt>div+css网站</dt> 
    <dd>网址为www.divcss5.com</dd> 
</dl> 
</body> 
</html>

1543.png

扩展与提升
dl dt dd是一个组合型标签
标签标准用法,代码如下

<dl> 
   <dt>标题1</dt> 
   <dd>列表1</dd> 
   <dd>列表2</dd> 
</dl>

同时dd内可以放置<ul>标签使用。

dd都是DIV+CSS做网页长用的东西,相当于一棵树的树技,下面就了解一下这些东西的全体用法,本人用dd,dt,dd用得很少,懂得结合使用对做架构是很有好处的哦!

< dt>< /dt>和< dd><
/dd>都必须放在< dl>< /dl>标志对之间。看一下下边的例子您就会明白了:

dl ——define list——定义列表
dt ——define list title——用于生成定义列表中各列表项的标题,重复使用可以定义多个列表项的标题。

dd——define list define——用于生成定义列表各列表项的说明文字段,重复使用可以定义多个说明文字段。dd是对应dt的简短说明或解

例子:

<dl> 
<dt>Today 
<dd>Today is yesterday. 

<dt>Tomorrow 
<dd>Tomorrow is today. 
</dl>

以上就是html中<dd>标签的使用以及作用详解的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行