HTML Definition Lists

A Definition List in HTML is used to represent a list of terms along with their corresponding descriptions or definitions. The Definition List is created using the <dl> (Definition List) element, which wraps around one or more pairs of <dt> (Definition Term) and <dd> (Definition Description) elements.

cwh tutorial image

Definition List Example

Here's a simple example to illustrate:

Explain
  <h1>HTML Definition List</h1>
  <dl>
    <dt>HTML</dt>
    <dd>HyperText Markup Language: The standard language for creating web pages.</dd>

    <dt>CSS</dt>
    <dd>Cascading Style Sheets: A stylesheet language used for describing the look and formatting of a document written in HTML.</dd>

    <dt>JavaScript</dt>
    <dd>A programming language commonly used in web development to add interactive features.</dd>
  </dl>

Understanding the example

In this example:

  • <dl> is the container for the list.
  • <dt> defines the terms that you want to explain.
  • <dd> contains the definitions or explanations for the terms.

This creates a clean, organized way to present a list of terms and their corresponding definitions, much like a glossary or dictionary.