html中dl、dt、dd标签的详细介绍

原创 国哥笔记  2019-04-19 20:37  阅读 524 views 次

本篇将介绍的是html中<dl>、<dt>、<dd>标签的用法,感兴趣的朋友可以学习一下!

<dl>、<dt>和<dd>标签通常是一起组合使用的,<dd>标签和<dt>标签是同级标签,而<dl>标签是它们的父级标签。

“dl”是“define list”的缩写,即“定义列表”的意思;

“dt”是“define list title”的缩写,即“定义列表标题”的意思;

“dd”是“define list define”的缩写,即“定义列表定义”的意思;

一、<dl>、<dt>、<dd>标签定义及用法

在html中,<dl>标签是使用来定义列表,而<dt>标签是使用来定义列表中的项目,<dd>标签是使用来描述列表中的项目。
这三个标签在div+css做网页中是经常用到的,如果能熟悉的应用,对于做架构是很有好处的。

二、<dl>、<dt>、<dd>标签语法格式

<dl><dt>项目标题</dt><dd>项目描述</dd></dl>

说明:<dl>标签中可以有多个<dt>标签和<dd>标签,<dt>标签和<dd>标签属同级标签,它们不可以嵌套使用。

三、实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html中dl、dt、dd标签的详细介绍</title>
</head>
<body bgcolor="burlywood">
<dl>
<dt>编程的乐趣</dt>
<dd>编程的乐趣是一个专注于编程的百家号</dd>
<dt>html</dt>
<dd>html是一门超文本标记语言</dd>
</dl>
</body>
</html>

运行结果:

关于html中<dl>、<dt>和<dd>标签的介绍就结束了,希望的大家有用!

本文地址:https://www.ggbiji.com/html-dl-dt-dd.html
版权声明:本文为 国哥笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情