Chapter 5
Lists
Ah this chapter is easy. Just as the name implies, this section deals with creating
lists for your page.
There are three types of lists.
- The ordered list
- sets an order of numbered items
- The unordered list
- sets an order of items with bullets
- and the Definition list
- is useful explaining terms. This list of list types is a definition list. You specify the item name and the description goes on the line below with an indent.
The ordered list
To get an ordered list like this....
- Apples
- Pears
- Apricots
- Oranges
- Kiwi fruit
... all you do is type
<OL>
<LI>Apples
<LI>Pears
<LI>Apricots
<LI>Oranges
<LI>Kiwi fruit
</OL>
As you can see, the <LI> tag does not require a closing tag. The <OL> tag does. Instead of using numbers to list the items, you can use Roman numerals or letters, either upper or lower case, by using the type=x attribute in the <OL> tag. Where x can be any of the following :
- A Items denoted with capital letters
- a Items denoted with lower case letters
- I for large Roman numerals
- i for small Roman numerals
- 1 which is the default and uses numbers like above
<OL type=1 start=5>
You can also use the
start="x" attribute where x = the number the list will begin counting from.
The Unordered list
The unordered list uses the same format except we use the <UL> tag rather than the <OL> tag. The type attribute inside the <UL> tag supports the values
disc (default) like above,
circle for an empty circle and
square for and empty square.
The definition list
As mentioned above the definition list is mainly used for explaining terms. First you type the opening and closing <DL> tags. In between these tags, first use the <DT> tag to define a term, then use the <DD> tag to describe it. Here is an example..
<DL>
<DT><FONT color=red>Apple</FONT> <DD> The fruit of a rosaceous tree having red yellow or green skin
<DT><FONT color=red>Pear</FONT><DD>A widely cultivated tree having white flowers and edible fruit
<DT><FONT color=red>Apricot</FONT> <DD>A tree native to Africa and W Asia yielding yellow juicy edible fruit resembling a small peach
</DL>
The effect
- Apple
- The fruit of a rosaceous tree having red yellow or green skin
- Pear
- A widely cultivated tree having white flowers and edible fruit
- Apricot
- A tree native to Africa and W Asia yielding yellow jacky edible fruit resembling a small peach
Finally , lists can be nested. That means you can place one list inside another. For example, each <LI> tag of your first list can have another set of <OL> tags after its word description.
