Account
Categories

Description List


Definition:

If you have a list of items and want to display terms with their descriptions, then you can use the <dl> element.

It keeps term names inside the <dt> element and descriptions inside the <dd> element.

Syntax:

<dl>
  <dt>Term Name</dt>
  <dd>Description</dd>
</dl>

Attributes:

There is no specific attribute for the description list.

Example: Frontend and Backend Programming Languages

<dl>
  <dt>Frontend Languages</dt>
  <dd>HTML</dd>
  <dd>CSS</dd>
  <dd>JavaScript</dd>

  <dt>Backend Languages</dt>
  <dd>PHP</dd>
  <dd>Python</dd>
  <dd>Node.js</dd>
</dl>

Output:

Frontend Languages
HTML
CSS
JavaScript

Backend Languages
PHP
Python
Node.js