HTML dl Tag
HTML dl Tag
In HTML <dl> tag, the term <dl> means a Description List. The <dl> tag is used along with <dt> tag and the <dd> tag.
The <dl> tag is used to create a list with different terms and definitions. The terms in a description list are enclosed within the the <dt> tag and the description of the term is specified using the <dd> tag.
So the <dl> tag is basically a container tag, which has content enclosed in the <dt> and <dd> tags.
Also, this is a block-level element.
HTML <dl> Tag - Syntax and Usage
The <dl> tag requires the start(opening) tag and end(closing) tag.
Following is the syntax for using the <dl> tag in your HTML code:
<dl>
<dt>some term</dt>
<dd>its definition...</dd>
</dl>HTML <dl> Tag Basic Example
Below we have a basic example showing how we use the HTML <dl> tag
<!DOCTYPE html>
<html>
<head>
<title>dl tag example</title>
</head>
<body>
<h2>Example of <dl> tag</h2>
<dl>
<dt>Studytonight</dt>
<dd>Best place to learn coding online.</dd>
<dt>Some Term</dt>
<dd>Description of the term.</dd>
</dl>
</body>
</html>HTML <dl> Tag Attributes
This element does not have any specific attributes although this element supports Global attributes and Event attributes.
Default CSS style for HTML <dl> Tag
Most of the Browsers use these default CSS Settings:
dl {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}Browser Support for HTML <dl> tag
Following browsers support this attribute:
- Firefox 1+
- Google Chrome 1+
- Internet Explorer 2+
- Safari 1+
- Opera 2.1+










