<dt>

BrandonDusch's avatar
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.

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