HTML: dl, dt, dd

By Xah Lee. Date: . Last updated: .

This page gives a example of HTML's {dl, dt, dd} tags.

These 3 tags are used together for a list of definitions. They are:

Here's the HTML code:

<dl>
 <dt>Cat</dt><dd>Lovely creature.</dd>
 <dt>Octopus</dt><dd>Intelligent creature.</dd>
</dl>

Here's how your browser renders it:

Cat
Lovely creature.
Octopus
Intelligent creature.

By default, browsers do not make the term bold. Use CSS for that. [see Xah CSS Tutorial]

More Than 1 dd

It's allowed to have more than one dd.

<dl>
<dt>Cat</dt>
<dd>Lovely creature.</dd>
<dd>Furry</dd>
<dt>Octopus</dt>
<dd>Intelligent creature.</dd>
<dd>many legs</dd>
</dl>

Here's how your browser renders it:

Cat
Lovely creature.
Furry
Octopus
Intelligent creature.
many legs

Back to HTML5 Tags Complete List.

Liket it? Put $5 at patreon.

Or, Buy JavaScript in Depth

If you have a question, put $5 at patreon and message me.

Web Dev Tutorials

  1. HTML
  2. Visual CSS
  3. JS in Depth
  4. JS Reference
  5. DOM
  6. SVG
  7. Web Dev Blog