Basic Guide For Writing Web Pages -- Introduction / Table Of Contents / Previous Page / Next Page

Basic Web Page Writing Step 8
Unordered Lists

In step 7 you used the horizontal line options to divide up your page. There are times that you want to put things into lists.

HTML code supports unordered, ordered and definition list to name a few. This step will introduce the UNORDERED LIST or unnumbered list tag.

Unordered List

The tags for Unordered lists are <UL> and </UL> as well as the <LI> tag.

To make an unordered list,

  1. Start with an opening list <UL> tag (for unordered list).
  2. Enter the <LI> (list item) tag followed by the text for the list. No closing <LI> tag is needed but can be used.
  3. End the entire list with a end list </UL> tag.
Below is a sample three-item list: 
    <UL>
    <LI> List Item One
    <LI> List Item Two
    <LI> List Item Three
    </UL>

This would produce

The <LI> items can contain multiple paragraphs using the <P> and <BR> tags.

See the sample below which shows the use of both the <P> and <BR> tags.

    <UL>
    <LI>Step One <BR> Turn On Computer<BR> Turn On Monitor
    <LI> Step Two<BR>Set Up Printer
    <LI> Step Three <P>When You get to step three you should<BR>decide on the software you want to use. </p>
    </UL>
This would produce

Try using the Unordered list in your own page. Once you understand unordered list, the other list are just as easy to create.

In step 9 you will see two other ways to create lists in your page.

STEP 9 -- Ordered Lists

Basic Guide For Writing Web Pages -- Introduction / Table Of Contents / Previous Page / Next Page

created by Larry Curreri,

© 1996 l_curreri@yahoo.com
Visit My Home Page

last modified: January 14, 2002

This page hosted by Get your own Free Home Page