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
廣告