[Index of Lessons]
[Lesson 9] [Lesson 11]

10. Descriptive Lists
Descriptive Lists
You already know how to create two types of lists: ordered <ol>... </ol> and unordered <ul>...</ul>. It is time to introduce a third variety, the descriptive list. Unlike the lists you have seen earlier, the descriptive list marks its entries not with a bullet marker or a number, but by its pattern of indentation.
The format for a descriptive list tag is:

Descriptive List
HTML Result
<dl>
<dt> title1
<dd> description1
<dt> title2
<dd> description2
:
:
:
<dt> title<sup>N</sup>
<dd> description<sup>N</sup>
</dl>
description title1
description description1
description title2
description description2
:
:
:
description titleN
description descriptionN
The <dl> .... </dl>; tags include alternating pairs of description titles <dt> and descriptions <dd> A Web browser will typically generate the list with each description indented to offset it from the title. Also you can include other ordered/unordered lists within a descriptive list, just like you can include ordered lists within unordered lists.
Click on Lesson 11 to continue, or click here (Top) to return to the top of document