HTML Description List (<dl>)

In HTML, a description List is used to display a list of terms and their description. It’s different from ordered (<ol>) and unordered lists (<ul>), as it pair each term with its explanation.

A description List is created using three main tags:

• <dl> – Defines the Definition list.
• <dt> – Stands for "Definition Term". This is the point being defined.
• <dd> – Stands for "Description description". This is the explanation of the term.

Syntax Example

         <dl>
        <dt>HTML </dt>
       <dd>HyperText Markup Language, used to create the structure of web page.</dd>
     
        <dt>CSS </dt>
       <dd>Cascading Style Sheets, used to style the appearance of web content.</dd>
     
        <dt>JS </dt>
       <dd>A scripting language used to create interactive effects within web browsers.</dd>
     
        <dt>Python </dt>
       <dd>A versatile(all-round) programming language used for both web development and data science.</dd>
      </dl>
            

Output:

(This image here showing "HTML" left-aligned, with "HyperText Markup Language, used to making the structure of web page." indented below it. This pattern repeats for CSS, JS, and Python with their respective descriptions.)

Use when you want to easily associate terms with description — specially useful in vocabulary, FAQs, and declaration.