In HTML, the <dl> (description list) element is used to create a description list. A description list consists of terms (represented by <dt> - description term) and their corresponding descriptions (represented by <dd> - description details).
Here's the basic syntax for a description list:

<dl>
    <dt>Term 1</dt>
    <dd>Description 1</dd>
    <dt>Term 2</dt>
    <dd>Description 2</dd>
    <!-- Add more term-description pairs if needed -->
</dl>
  • <dl>: Represents the entire description list.
  • <dt>: Represents a term (description term) within the description list.
  • <dd>: Represents the corresponding description (description details) for a term.

Here's an example of an HTML description list:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Description List Example</title>
</head>
<body>

    <h2>Programming Languages</h2>

    <dl>
        <dt>HTML</dt>
        <dd>HyperText Markup Language</dd>

        <dt>CSS</dt>
        <dd>Cascading Style Sheets</dd>

        <dt>JavaScript</dt>
        <dd>A programming language that enables interactive web pages</dd>
    </dl>

</body>
</html>

In this example:

  • The <dl> element contains three pairs of <dt> and <dd> elements.
  • Each <dt> represents a programming language, and the corresponding <dd> provides a brief description.


Description lists are often used when you have a set of terms and their explanations or definitions. The <dl> element helps in structuring this information in a semantic and meaningful way.