HTML and CSS Reference
In-Depth Information
is easier to read than
<p>
Dante's Divine Comedy consists of three topics:
</p>
<ul><li>
The Inferno
</li><li>
The Purgatorio
</li><li>
The Paradiso
</li></ul>
although both result in the same output in the browser.
Numbered lists are surrounded by the
<ol>...</ol>
tags (
ol
stands for
ordered list
),
and each item within the list is included in the
<li>...</li>
(list item) tag. When the
browser displays an ordered list, it numbers and indents each of the elements sequen-
tially. You don't have to perform the numbering yourself and, if you add or delete items,
the browser renumbers them the next time the page loads.
Ordered lists
are lists in which each item is numbered or labeled with a counter of some
kind (like letters or roman numerals). Use numbered lists only when the sequence of
items on the list is relevant. Ordered lists are good for steps to follow or instructions to
the readers, or when you want to rank the items in a list. If you just want to indicate that
something has a number of elements that can appear in any order, use an unordered list
instead.
For example, the following is an ordered list of steps that explain how to install a new
operating system. You can see how the list displays in a browser in Figure 5.1.
Input
▼
5
<h1>
Installing Your New Operating System
</h1>
<ol>
<li>
Insert the CD-ROM into your CD-ROM drive.
</li>
<li>
Choose RUN.
</li>
<li>
Enter the drive letter of your CD-ROM (example: D:\),
followed by SETUP.EXE.
</li>
<li>
Follow the prompts in the setup program.
</li>
<li>
Reboot your computer after all files are installed.
</li>
<li>
Cross your fingers.
</li>
<
/ol
>
