How
do I make a LIST?
There are three different kinds of
lists. The first two, Ordered (Numbered Lists) and Unordered
(Bullet Lists) are very similar. The final one, Definition
list, is mostly reserved for listing definitions in a glossary format.
Making lists are easy with the List
Designer. Just click on the List Icon or the List Designer Menu
item (shown above). The Insert List dialog will appear. You
can now choose between a Bulleted List (Unordered List), Numbered
List (Ordered List), Definition List, or a regular listing of items.
List
Designer Button
Experiment with each different list
to see which one looks best with your Webpage.
Ordered
Lists <OL> </OL>
Ordered Lists start with <OL>,
end with </OL>, and have an <LI> (List
Item) to define each item in the list. Here is an example of an
ordered list:
<OL>
<LI>Dogs
<LI>Cats
<LI>Birds
</OL>
Here is what it will look like on
your webpage:
- Dogs
- Cats
- Birds
If you wanted to move the list further
towards the middle of the browser, you can place additional <OL>
</OL> tags on the list. Like this:
<OL>
<OL>
<OL>
<LI>Dogs
<LI>Cats
<LI>Birds
</OL>
</OL>
</OL>
This can also be used for Unordered
lists <UL></UL>.
Unordered
Lists <UL></UL>
Unordered Lists start with <UL>,
end with </UL>, and have an <LI> (List
Item) to define each item in the list. Here is an example of an
Unordered List:
<UL> <LI>Guitar
<LI>Drum
<LI>Keyboard
</UL>
Here is what it will look like on
your webpage:
Definition
Lists </DL></DL>
Definition Lists work a little differently
from Ordered and Unordered Lists. They start with the tag <DL>
and end with the tag </DL>, but use and
<DT> - is for the Definition
Term
<DT> - is for the Definition
Description
Here is an example of a definition
list:
<DL>
<DT>Apple
<DD>a fruit that grows on trees </DL>
Here is what it looks like on your
webpage:
- Apple
- a fruit that grows on trees
Notice how the definition description
<DD> is indented. This is to make the word "Apple"
and it's meaning two different and significant objects. A good thing
to do is to place BOLD tags <B></B> around the
definition term