html 标签 dl dt dd使用说明_HTML/Xhtml_网页制作
程序员文章站
2022-03-17 17:52:28
...
基本结构:
dl:定义列表
dt:定义标题
dd:定义描述
dt里是放置信息标题的,dd则是这个信息的简单概要的描述,
也就是说一个dt对应有一个dd来描述它
dd里面的内容可以是任意的,图片、文本甚至是视频或音频
多个类似的dt和dd组成一个dl
示例如下:
那么dl dt dd适合表现例如:带摘要的新闻列表、带缩略图和其他描述的产品列表……
复制代码
代码如下:dl:定义列表
dt:定义标题
dd:定义描述
dt里是放置信息标题的,dd则是这个信息的简单概要的描述,
也就是说一个dt对应有一个dd来描述它
dd里面的内容可以是任意的,图片、文本甚至是视频或音频
多个类似的dt和dd组成一个dl
示例如下:
复制代码
代码如下:- 这里是标题
- 这里是内容
- 这里是内容
- 这里是标题
- 这里是内容
- 这里是标题
- 这里是内容
那么dl dt dd适合表现例如:带摘要的新闻列表、带缩略图和其他描述的产品列表……
上一篇: Vue+Mock.js实现模拟表格增删改查详细步骤
下一篇: 脚本是什么
推荐阅读
-
XHTML入门学习教程:框架标签使用_HTML/Xhtml_网页制作
-
Div+CSS布局实例:用dl dt dd来制作列表_html/css_WEB-ITnose
-
XHTML常用的结构标签_HTML/Xhtml_网页制作
-
被遗忘掉的button标签_HTML/Xhtml_网页制作
-
XHTML常用标签介绍_HTML/Xhtml_网页制作
-
XHTML标签的自关闭的写法应该注意的问题_HTML/Xhtml_网页制作
-
HTML之dl、dt、dd(也许这是你还没用过的标签,但它们非常实用)_html/css_WEB-ITnose
-
XHTML标签语义化介绍_HTML/Xhtml_网页制作
-
HTML教程:收集的常用的HTML标签(6)_HTML/Xhtml_网页制作
-
XHTML入门学习教程:表单标签_HTML/Xhtml_网页制作