HTML - <dd> 标签



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

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

语法

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

属性

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

HTML 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>

带有 nowrap 属性的描述列表元素

在此示例中,我们使用 <dl> 标签创建一个描述列表。然后,我们使用 <dd> 标签的 nowrap 属性来管理描述文本的换行。我们将 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>

支持的浏览器

标签 Chrome Edge Firefox Safari Opera
dd
html_tags_reference.htm
广告