HTML - dd 标签_HTML 菜鸟教程

HTML <dd> 标签用于定义描述列表 <dl> 中前述数据术语 <dt> 的描述、定义或值。

在 <dd> 标签中，我们可以使用放置段落（<p>）、换行符（<br>）、图像（<img>）、超链接（<a>）、列表（<li>）等。如果 nowrap 属性的值设置为“yes”，则描述文本将不会换行。此属性的默认值为“no”。

语法


<dt>
 <dd></dd>
 <dd></dd>
 …. 
</dt>

属性

<dd> 标签支持 HTML 的全局属性和事件属性。

<dd> 标签示例

下面的例子将说明dd标签的用法。在哪里、何时以及如何使用 <dd> 标签.

创建 <dd> 标签元素

在下面的程序中，我们将使用 <dl> 标签创建一个描述列表。然后，我们在 <dl> 标记中使用 <dd> 标记创建单个数据描述，以显示列表项的数据描述。


<!DOCTYPE html>
<html lang="en">
<head>
	 <title>HTML dd Tag</title>
</head>
<body>
	 <!--create a description list-->
	 <dl>
			<dt>HTML</dt>
			<dd>
				 Hyper Text Markup Language(single data description).
			</dd>
	 </dl>
</body>
</html>

<dd> 标签具有 nowrap 属性的 List 元素

在此示例中，我们使用 <dl> 标记创建一个描述列表。然后，我们将 nowrap 属性与 <dd> 标签一起使用，以管理描述文本的换行。我们将 nowarp 属性的值指定为 “yes”，它定义不会包装数据描述文本。


<!DOCTYPE html>
<html lang="en">
<head>
	 <title>HTML Description lists</title>
</head>
<body>
	 <!--create a description list-->
	 <dl>
			<dt>Paragraph</dt>
			<dd nowrap="yes">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum error illum ipsum perspiciatis voluptatem, ab rem, laboriosam alias voluptatibus deleniti commodi eveniet? Recusandae, accusantium ex facilis enim odio rem in?</dd>
	 </dl>
</body>
</html>

创建多个描述列表元素

在此程序中，我们使用 <dd> 和 <dt> 标签在描述列表 <dl> 中创建多个数据描述和多个数据术语，以显示前述数据术语的数据术语和数据描述。


<!DOCTYPE html>
<html lang="en">
<head>
	 <title>HTML Description lists</title>
</head>
<body>
	 <!--create a description list-->
	 <dl>
			<dt>Name</dt>
			<dd nowrap="yes">Rohan</dd>
			<dt>Age</dt>
			<dd nowrap="yes">22</dd>
			<dt>Address</dt>
			<dd nowrap="no">Vill: Lambhua, City: Sultanur, pin-code: 228152, State: Uttar Pradesh, Country: India</dd>
	 </dl>
</body>
</html>

支持的浏览器

浏览器
是否支持	Yes	Yes	Yes	Yes	Yes

<< HTML - dt 标签 HTML - table 标签 >>