HTML <dl> Tag

Example

A description list, with terms and descriptions:

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

Try it Yourself »


Definition and Usage

The <dl> tag defines a description list.

The <dl> tag is used in conjunction with <dt> (defines terms/names) and <dd> (describes each term/name).


Browser Support

Element
<dl> Yes Yes Yes Yes Yes

Differences Between HTML 4.01 and HTML5

In HTML 4.01, the <dl> tag defines a definition list.

In HTML 5, the <dl> tag defines a description list.


Global Attributes

The <dl> tag also supports the Global Attributes in HTML.


Event Attributes

The <dl> tag also supports the Event Attributes in HTML.


Related Pages

HTML tutorial: HTML Lists

HTML DOM reference: DList Object


Default CSS Settings

Most browsers will display the <dl> element with the following default values:

Example

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

Try it Yourself »

Post Author: Zahid Farid