If you browse web pages, you have probably noticed that you are more likely to scan information than read it carefully. You are not alone -- on the Web, most people tend to move quickly through text. In this environment, long paragraphs are often not the most effective way to reach a reader. Breaking information into smaller chunks can have a greater impact.
As a document structuring language, HTML provides a number of tags which allow you to create lists of information. The three main list types are: unordered, which is usually displayed as a bullet list; ordered, in which each item is numbered sequentially; and definition, which pairs a term with an indented definition.
Ordered and unordered lists begin and end with tags. Ordered lists use the tag pair <OL> </OL>. Unordered lists use <UL> </UL>. Each item in a list is then preceeded with the single tag <LI> (for list item).
Here's an example of the tags used to create a ordered list:
The text should look like this in your browser:
This example creates an unordered list:
This example should be displayed as:
Note how the list items are indented (long text will also wrap as an indented paragraph). In your document, you don't have to indent the items in a list or even place them on a separate line. All formatting in the browser is controlled by the tags. To make your document readable as you edit it, however, you might want to indent the lists as you type in Notepad.
Definition lists can be used to display items followed by an indented description of the item (such as a glossary of terms). Like ordered and unordered lists, definition lists begin and end with tags: <DL> </DL>. Instead of the list item tag (<LI>), however, definition lists use tags for terms (<DT>) and definitions (<DD>).
Here are tags used by a definition list:
The list will be displayed as:
Go back to your first document and add at least one list to it. You can create a list of reasons why you want to learn HTML, an ordered list of things to do, or some defintions of terms you have learned so far.