0Pricing
HTML Academy · Lesson

Description Lists dl dt dd

Mark up term-definition pairs with description lists.

What Is a Description List?

A description list groups terms with their descriptions:

<dl>
  <dt>HTML</dt>
  <dd>HyperText Markup Language — the structure of the web.</dd>

  <dt>CSS</dt>
  <dd>Cascading Style Sheets — the presentation of the web.</dd>

  <dt>JavaScript</dt>
  <dd>The programming language of the web.</dd>
</dl>

The dl, dt, and dd Elements

Three elements make up a description list:

  • <dl>description list container
  • <dt>description term (the key)
  • <dd>description details (the value)

All lessons in this course

  1. Unordered Lists ul and li
  2. Ordered Lists ol start reversed type
  3. Description Lists dl dt dd
  4. Nested Lists and List Styling
← Back to HTML Academy