当前位置:主页 > 查看内容

html 标签 dl dt dd使用说明

发布时间:2021-06-28 00:00| 位朋友查看

简介:基本结构: 复制代码 代码如下: dl dt/dt dd/dd /dl dl:定义列表 dt:定义标题 dd:定义描述 dt里是放置信息标题的,dd则是这个信息的简单概要的描述, 也就是说一个dt对应有一个dd来描述它 dd里面的内容可以是任意的,图片、文本甚至是视频或音频 多个类似……
基本结构:

复制代码
代码如下:

<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适合表现例如:带摘要的新闻列表、带缩略图和其他描述的产品列表……

原文链接:https://m.jb51.net/web/35816.html
本站部分内容转载于网络,版权归原作者所有,转载之目的在于传播更多优秀技术内容,如有侵权请联系QQ/微信:153890879删除,谢谢!
上一篇:详解Vue中的自定义指令 下一篇:没有了

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐