W3docs

HTML <dt> Tag

The <dt> tag is used to denote a term in the definition list. Description of the tag, attributes and examples.

The <dt> tag is used to denote a term in a definition list (learn more about HTML lists). It is used together with the <dd> and <dl> tags. The <dl> tag creates a list, and the <dd> gives a description/definition of the term. In a definition list, each term (<dt>) should be followed by at least one description (<dd>).

Syntax

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

Example of the HTML <dt> tag:

HTML <dt> Tag

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <dl>
      <dt>Hypertext</dt>
      <dd>A system of text pages that have cross-references.</dd>
      <dt>Hyperlink</dt>
      <dd>A part of a hypertext document that references another item.</dd>
    </dl>
  </body>
</html>

Result

dt tag example

Attributes

The <dt> tag supports the Global attributes and the Event Attributes.

How to style an HTML <dt> Tag

dt {
  font-weight: bold;
  color: #2c3e50;
}

Practice

Practice

What can you say about the <dt> HTML tag?