HTML <dt>

BrandonDusch's avatar
BrandonDusch's avatar
BrandonDusch
Published Jun 9, 2022Updated Jul 1, 2022
Contribute to Docs

The <dt> element describes a term found inside a <dl> element. It usually comes with at least one corresponding <dd> details element.

  • Career path

    Front-End Engineer

    Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • Free course

    Learn HTML

    Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.
    • Beginner Friendly.
      7 hours

Syntax

<dl>
  <dt>Term</dt>
  <!-- <dd> detail(s) here -->
</dl>

In order to render correctly, the <dt> element must be placed inside a <dl> element.

Example

In the example below, the <dt> element is used (and highlighted with some styling):

<!DOCTYPE html>
<html>
  <head>
    <!-- Styles are omitted in this example. -->
  </head>
  <body>
    <dl>
      <dt class="term">Aardvark</dt>
      <dd class="detail">
        A large burrowing African mammal that feeds on ants and termites with
        its long sticky tongue.
      </dd>
    </dl>
  </body>
</html>

The following output would be rendered:

Example of d t tag

All contributors

Contribute to Docs

Learn HTML on Codecademy

  • Career path

    Front-End Engineer

    Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • Free course

    Learn HTML

    Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.
    • Beginner Friendly.
      7 hours