 |
| The LIST Tag |  |
|
|
If you'd like to display a series of items on your page (for example, the names of your pets), take advantage of the "LIST" tag. You can choose from different types of lists depending on your needs, but they all share a common format. If you wish, you can "nest" one list within another to display items that branch from your primary list.
| HTML Tag |
Attributes (options) |
Description |
| OL |
START=n |
Identifies an ordered list, and requires an ending </OL> tag.
START is used to begin your list with a number or letter other than one (1), where n defines the beginning number or letter.
|
| LI |
LI identifies an item in your list. No ending tag is needed.
|
|
The code for an ordered list:
<OL>
<LI>Planes
<LI>Trains
<LI>Automobiles
</OL>
|
Will look like this:
- Planes
- Trains
- Automobiles
|
|
TYPE=A|a|I|i|1
|
Specifies the type of letter or number to use to identify items in your ordered list. If no number or letter is specified, the default starts at the number 1 (one).
|
The code for an ordered list containing a nested list with a START number of 5 using capitalized Roman numeral to identify the list items looks like this:
<OL>
<LI>Planes
<LI>Trains
<LI>Automobiles
<OL START=5>
<LI TYPE=I>Chevrolet
<LI>Chrysler
<LI>Ford
</OL>
<LI>Water Craft
</OL>
|
And will display something like this:
- Planes
- Trains
- Automobiles
- Chevrolet
- Chrysler
- Ford
- Water Craft
|
|
| UL |
none |
Identifies an unordered list, and requires an ending </UL> tag.
|
| LI |
LI identifies an item in your list (the same as for an ordered list). No ending tag is needed.
|
|
An unordered list:
<UL>
<LI>Planes
<LI>Trains
<LI>Automobiles
</UL>
|
Will look like this:
- Planes
- Trains
- Automobiles
|
|
TYPE=disc|circle|square
|
Specifies the type of bullet to use to identify items in your unordered list. If no bullet type is specified, the default is a disc (or dot).
|
|
An unordered list using TYPE:
<UL>
<LI TYPE=circle>Planes
<LI TYPE=disc>Trains
<LI TYPE=square>Automobiles
</UL>
|
Will look like this:
- Planes
- Trains
- Automobiles
|
|
| DL |
none |
Identifies a definition listing, and requires an ending </DL> tag.
|
| DT |
Specifies a term to be defined. |
| DD |
Specifies a definition for a term. |
|
A definition list:
<DL>
<DT>Planes
<DD>Spitfire
<DD>P-51 Mustang
<DT>Trains
<DD>Orient Express
<DT>Automobiles
<DD>Cord
<DD>Marmon
<DD>Packard
</DL>
|
Will look like this:
- Planes
- Spitfire
- P-51 Mustang
- Trains
- Orient Express
- Automobiles
- Cord
- Marmon
- Packard
NOTE: While all browsers support all three list types, each individual browser spaces the items within a list slightly differently.
|
|
|
