Menu

HTML dd Tag

HTML dd Tag

The HTML <dd> (data description) tag is used to provide the description of the term represented using the <dt> tag. Both the <dd> tag and <dt> tags are used inside <dl> (HTML description list) tag.

Inside the <dd> tag you can use line breaks, add hyperlinks, use paragraphs, images, etc.

HTML <dd> Tag - Syntax and Usage

The <dd> tag requires the start(opening) tag and end(closing) tag.

Following is the syntax for using the dd tag in your HTML code:

<dl>
    <dt>some term</dt>
    <dd>
        description of term
    </dd>
</dl>

The <dd> tag is used along with <dt> and <dl> tag always.

HTML <dd> Tag Basic Example

Below we have a basic example showing how we use the HTML <dd> tag:

<!DOCTYPE html>
    <head>
        <title>
            Example of dd tag
        </title>
    </head>
    <body>
        <p>We use dl, dt and dd tag to create a description list:</p>
        
        <dl>
            <dt><b>HTML</b></dt>
            <dd>Used to create static Web Pages</dd>
            <dt><b>CSS</b></dt>
            <dd>Used for designing a Web Page</dd>
            <dt><b>Bootstrap</b></dt>
            <dd>Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development.</dd>
        </dl>
    </body>
</html>

HTML <dd> Tag Attributes

This element does not have any specific attributes although this element supports Global attributes and Event attributes.

Default CSS style for HTML <dd> tag

Most of the Browsers use these default CSS Settings:

dd {
    display: block;
    margin-left: 40px;
}

Browser Support for HTML <dd> tag

Following browsers support this attribute:

  • Firefox 1+
  • Google Chrome 1+
  • Internet Explorer 2+
  • Safari 1+
  • Opera 2.1+