H T M L   1 0 1 - LISTS

Lists can present items of information in an easy-to-read format. Many web pages display lists of items -- these may be items preceded with a "bullet" (Unordered) or a sequentially numbered list (Ordered).

These lists are easy to format in HTML, and they may even be nested (lists of lists) to produce an outline format. Lists are also handy for creating an index or table of contents to a series of documents or chapters.

Unordered Lists

Unordered Lists, or <ul> .. </ul> tags, are ones that appear as a list of items with "bullets" or markers in the front. The bullet marks will depend on the particular version of your web browser and the font specified for displaying normal WWW text.

Here is an example of an unordered list:

And this is the HTML format for producing this format:

     <B>My Unordered List:</B>
     <ul>
       <li> Item 1 </li>
       <li> Item 2 </li>
       <li> Item 3 </li>
     </ul>
              

The <ul> tag marks the beginning and end of the list, and the <li> indicates each list item.

Ordered Lists

Ordered lists are ones where the browser numbers each successive list item starting with "1." Note that the only difference is changing the ul tag to ol tag.

Using the example from above:

1. Item 1
2. Item 2
3. Item 3

And this is the HTML format for producing this format:

     <B>My Ordered List:</B>
     <ol>
       <li> Item 1 </li>
       <li> Item 2 </li>
       <li> Item 3 </li>
     </ol>
              

Before going on to more advanced lists, Open Notepad and we will create some unordered and ordered lists.