List Designer
NUMBERED | BULLETED | DEFINITION

 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:

  1. Dogs
  2. Cats
  3. 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
to emphasize their items.

<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

, in this example "Apple", to emphasize it even more.

Here is an example of a definition list with a BOLD Definition Term:

<DL>
<DT><B>Apple</B>
<DD>a fruit that grows on trees </DL>

Here is what it looks like on your webpage:

Apple
a fruit that grows on trees