HTML Other Lists
HTML also supports description lists.
HTML Description Lists
A description list is a list of terms with a description for each. The <dl> tag defines the list, the <dt> tag defines each term, and the <dd> tag describes it.
Example
A description list of drinks and what they are.
Prompt
A description list (dl) of terms and descriptions: Coffee - black hot drink, Milk - white cold drink, using dt for terms and dd for descriptions.
Output: complete HTML page
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Description List</title>
</head>
<body>
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
</body>
</html>
Chapter Summary
To recap: use the <dl> element for a description list, the <dt> element for each term, and the <dd> element to describe the term.
HTML List Tags
The list-related tags are: <ul> (an unordered list), <ol> (an ordered list), <li> (a list item), <dl> (a description list), <dt> (a term), and <dd> (the description of the term).