<dd>
Published Jun 9, 2022Updated Jul 1, 2022
Contribute to Docs
The <dd>
element describes details found inside a <dl>
element. It usually comes with at least one corresponding <dt>
term element.
Syntax
<dl><!-- <dt> term(s) here --><dd>Details</dd></dl>
In order to render correctly, the <dd>
tag must be placed inside a <dl>
tag.
Example
In the example below, the <dd>
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 withits long sticky tongue.</dd></dl></body></html>
The following output is shown below:
Contribute to Docs
- Learn more about how to get involved.
- Edit this page on GitHub to fix an error or make an improvement.
- Submit feedback to let us know how we can improve 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 CoursesWith Professional CertificationBeginner Friendly115 hours - Free course
Learn HTML
Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.Beginner Friendly7 hours