HTML Lists


Lists allow the user to list things in an orderly fashion. The lists are located under the List menu. The most commonly used ones are the Unordered List , Ordered List and Definition List .


The Unordered List lists topics in an unordered list and places a "ball" or "bullet" net to them. The Unordered List can also be accessed using the U List button on the toolbar. The code is like this:

<UL> (beginning of unordered list)

<LI> first item in list

<LI> second item in list

<LI> third item in list

</UL> (end of unordered list)

The <LI> MUST be typed in before each new item in the unordered list. Otherwise, there will be only one item in the list.

Here is an example of an unordered list:

<HTML>

<HEAD>

<TITLE> Unordered Lists

</TITLE>

</HEAD>

<BODY>

Here are some popular vegtables that people eat:

<UL>

<LI> Cabbage

<LI> Potatoes

<LI> Carrot

<LI> Turnip

</UL>

HERE is what it would look like.


Ordered Lists numerically order the list. The code for this is as follows:

<OL> (beginning of ordered list)

<LI> first item in list

<LI> second item in list

<LI> third item in list

</OL> (end of ordered list)

Here is the came example as above, but with an ordered list.

Here are some popular vegetables that people eat: <P>

<OL>

<LI> Cabbage

<LI> Potatoes

<LI> Carrot

<LI> Turnip

</OL>

HERE is how this would look.


Next is the Definition List . The Definition List can also be accessed by using the D List button on the toolbar. This makes a list in the form a definition title and the the definition. The definition is indented further into the document that the definition title. This has the form:

<DL> (beginning of definition list)

<DT> first definition title

<DD> first definition

<DT> second definition title

<DD> second definition

<DT> third definition title

<DD> third definition

</DL> (end of definition list)

HERE is how this would look


You can also use two or more list together by "embedding" one inside the other.

Here is an example:

<UL> (unordered list, the outermost list)

<LI> Cabbage (unordered list item 1)

<OL> (second list, an ordered list. This is going to be a list for item 1 of the unordered list)

<LI> Green (1st item in the ordered list)

<LI> Leafy (2nd item in the ordered list)

<LI> Vegetable (3rd item in the ordered list)

</OL> (the end of the ordered list)

<LI> Carrots (second item for the unordered list)

<OL> (beginning of a new ordered list for carrots)

<LI> Orange (1st item in the ordered list)

<LI> Vegetable (2nd item in ordered list)

</OL> (end of ordered list for carrots)

</UL> (end of unordered list for cabbage and carrots)

HERE is what the list looks like.