Home » HTML » HTML Description List

Description List

The HTML and XHTML support another list style which is called definition lists where entries are listed like in a dictionary. The definition list is the ideal way to present a list of terms, or other name/value list.

The definition list created using <dl> tag. The Description <dt> — defines the item in the list, and <dd> describes the items in the list.

Example Try this code »

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Definition List</title>
</head>
<body>
<h1>HTML Definition List</h1>
<dl>
<dt>PUBG</dt>
<dd>PlayerUnknown's Battlegrounds (PUBG) developed by PUBG Corporation.</dd>
<dt>God Of War</dt>
<dd>God of War developed by Santa Monica Studio.</dd>
</dl>
</body>
</html>

Output

HTML Definition List Examples

PUBG: PlayerUnknown's Battlegrounds (PUBG) developed by PUBG Corporation.
God Of War: God of War developed by Santa Monica Studio.

Example Try this code »

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Definition List </title>
</head>
<body>
<dl>
<dt><b>PUBG</b></dt>
<dd>PlayerUnknown's Battlegrounds (PUBG) developed by PUBG Corporation.</dd>
<dt><b>God Of War</b></dt>
<dd>God of War developed by Santa Monica Studio.</dd>
</dl>
</body>
</html>

Output

HTML Definition List Attributes Example

PUBG: PlayerUnknown's Battlegrounds (PUBG) developed by PUBG Corporation.
God Of War: God of War developed by Santa Monica Studio.

Browser Support

Element	Edge	Chrome	Firefox	Opera	Safari
`<dd>`	Yes	Yes	Yes	Yes	Yes

Recommended :

1 . How to Create HTML Forms
2 . How to create Heading in HTML
3 . How to use label in HTML
4 . HTML SVG

5 . how to embed YouTube video in HTML
6 . Progress Bar with HTML and CSS
7 . Create Bootstrap 4 Spinner
8 . Photography Snippets using HTML and CSS

Web Developement Courses
BootStrap Snippets
JS Keywords
Form Events
CSS Navbar
JS Objects
Cookies
Forms
Icons
Buttons
Progress
Footer
Errors