首页 > 编程 > HTML > 正文

html 标签 dl dt dd使用说明

2019-10-26 17:26:11
字体:
来源:转载
供稿:网友
基本结构:

复制代码
代码如下:
<dl>
<dt></dt>
<dd></dd>
</dl>

dl:定义列表
dt:定义标题
dd:定义描述
dt里是放置信息标题的,dd则是这个信息的简单概要的描述,
也就是说一个dt对应有一个dd来描述它
dd里面的内容可以是任意的,图片、文本甚至是视频或音频
多个类似的dt和dd组成一个dl
示例如下:

复制代码
代码如下:
<dl>
<dt>这里是标题</dt>
<dd>这里是内容</dd>
<dd>这里是内容</dd>
<dt>这里是标题</dt>
<dd>这里是内容</dd>
<dt>这里是标题</dt>
<dd>这里是内容</dd>
</dl>

那么dl dt dd适合表现例如:带摘要的新闻列表、带缩略图和其他描述的产品列表……
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选