CPCODELAB
HTML

Description Lists

6 min read

Definition and Description Lists

The <dl> (description list) element is used for name-value pairs — like a glossary, FAQ, or metadata display. It contains <dt> (description term) and <dd> (description detail) pairs.

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

  <dt>CSS</dt>
  <dd>Cascading Style Sheets — controls the visual appearance.</dd>

  <dt>JavaScript</dt>
  <dd>A programming language that adds interactivity to web pages.</dd>
</dl>

One <dt> can have multiple <dd> children, and multiple <dt> elements can share one <dd>. This flexibility makes <dl> ideal for displaying key-value pairs in a structured, semantic way.

Do not use <dl> just for visual indentation. Use it only when the content genuinely represents terms and their descriptions.

Ready to test yourself?
Practice HTML— quiz & coding exercises