HTML `<dd>` Tag

HTML <dd> tag, together with the <dl> and <dt> tags, is used to create a definition list. The <dd> tag contains a description of the term, which is defined by the <dt> tag. There should be at a minimum one <dt> tag followed by at a minimum one <dd> tag for each group. It is possible to list:

one term followed by several descriptions,
one term followed by one description,
several terms followed by one description,
several terms followed by several descriptions.

To determine the list itself, we use the <dl> tag. A single term may have several definitions in the description list. (Learn more about HTML lists).

The <dd> element is a block-level element and can comprise other elements: paragraphs, lists, images, links, and so on. It is placed within <body>.

The default content of the <dd> element has an outer margin on the left side.

Syntax

The <dd> tag comes in pairs. The content is written between the opening (<dd>) and closing (</dd>) tags.

Example of the HTML `<dd>` tag:

Definition list|Example of the HTML <dd> Tag|W3Docs

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <h1>Definition list:</h1>
    <dl>
      <dt>Tea</dt>
      <dd>- hot drink</dd>
      <dt>Juice</dt>
      <dd>- ice drink</dd>
    </dl>
  </body>
</html>

Result

dd exemple

Example of the HTML `<dd>` tag for inserting a dialogue:

Dialogue|Example of the HTML <dd> Tag|W3Docs

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <dl>
      <dt>George</dt>
      <dd>Hi</dd>
      <dd>What’s up?</dd>
      <dt>Mary</dt>
      <dd>Hi.</dd>
      <dd>I’m doing well, what about you?</dd>
      <dt>George</dt>
      <dd>Thanks, everything is fine. What are you doing?</dd>
      <dt>Mary</dt>
      <dd>I’m going to a party today in the evening. And you?</dd>
    </dl>
  </body>
</html>

Attributes

The <dd>tag supports the Global Attributes and the Event Attributes.

How to style an HTML <dd> Tag

json

{
    "tag_name": "dd"
}

Practice

What is the function of the <dd> tag in HTML?

The <dd> tag describes the item in a description list.The <dd> tag is used to create tables.The <dd> tag is used for creating hyperlinks.The <dd> tag is used to define terms and descriptions in a description list.The <dd> tag is used to add video content to a webpage.

HTML <dd> Tag ​

Syntax ​

Example of the HTML <dd> tag: ​

Result ​

Example of the HTML <dd> tag for inserting a dialogue: ​

Attributes ​