HTML <dl> tag

The <dl> tag is used to define a description list. Overall, terms and descriptions must be placed within this element.

Type: Block Element

Syntax of <dl> tag

<dl>
 <dt> Term 1 </dt>
  <dd> Description 1 </dd>
 <dt> Term 2 </dt>
  <dd> Description 2 </dd>
</dl>

In HTML 4.01, the <dl> tag was used to define a definition list.

Supported Browsers

Tag	Chrome	Internet Explorer	Firefox	Safari	Opera Mini
<dl>	Yes	Yes	Yes	Yes	Yes

Full code example

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<dl>

 <dt> HTML </dt>
  <dd> It is the most common language for web developers. </dd>
  
 <dt> CSS </dt>
  <dd> It is helpful in styling the HTML documents. </dd>
  
 <dt> JS </dt>
  <dd> It is used to create dynamic websites. </dd>
  
</dl>
</body>
</html>

Run The code »

HTML: It is the most common language for web developers.
CSS: It is helpful in styling the HTML documents.
JS: It is used to create dynamic websites.

Alternative tags of <dl> tag

Tag	Uses
<ul>	It is used to create unordered list. By default, each order starts with a bullet (•).
<ol>	It is used to create list when order lists. By default, the orders are listed by numerical number (1,2,3...) .
<dl>	It is used to define lists with terms and descriptions.

Associated tags of <dl> tag

Tag	Uses
<dt>	It is used to specify term in a description list within the <dl> element.
<dd>	It is used to define description in a description list within the <dl> element.

Note: The dl tag must be always associated with <dt> and <dd> tag.

More reference

Within <dl> element, you can put another HTML elements like <img>, <p>, <a> etc

Default CSS properties of <dl> tag

dl {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

❮ Previous Next ❯