HTML dt tag

HTML <dt> tag

Use of <dt> tag

The <dt> tag is used to define a term/name in a HTML description list. Other related tags are <dd> tag and <dl> tag. A complete HTML description lists (or definition lists) comprises of <dd> tag, <dt> tag, and <dl> tag. <dd> element must be a child of <dt> while both of these elements are within the <dl> element.
It is possible that a single term can have multiple definitions or items in a description list. That is, In the <dl> element, a single <dt> tag can have multiple values of <dd> tag. For example, if the <dt> content is "example of liquid", the value of <dd> element can be water, alcohol, ethanol, oil etc.
Display: Block.

Note that: Inside <dd> tag, you can add HTML elements both inline elements (like <sup> tag, <a> tag) and block elements (like <p> tag, <div> tag)

Example of <dt> tag

    <dl>
       <dt> Example of solid </dt>
             <dd> book, table, wooden block etc. </dd>
       <dt> Example of liquid </dt>
             <dd> water, alcohol, ethanol, oil etc. </dd>
       <dt> Example of gas </dt>
             <dd> oxygen, nitrogen, hydrogen etc. </dd>
    </dl>

Supported Browsers

Tag Chrome browser Internet explorer browser Firefox browser Safari browser Opera browser
<dt> Yes Yes Yes Yes Yes

Full Code Example

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <dl>
       <dt> Example of solid </dt>
             <dd> book, table, wooden block etc. </dd>
       <dt> Example of liquid </dt>
             <dd> water, alcohol, ethanol, oil etc. </dd>
       <dt> Example of gas </dt>
             <dd> oxygen, nitrogen, hydrogen etc. </dd>
    </dl>
</body>
</html>

Output

Example of solid
book, table, wooden block etc.
Example of liquid
water, alcohol, ethanol, oil etc.
Example of gas
oxygen, nitrogen, hydrogen etc.

More reference

In HTML4,01, <dl> tag was used to define a term/name in a HTML definition lists.

Default CSS properties of <dt> tag

dt {
display:block;
}