|  | PageTutor.com

Another very useful little tool is a `LIST`. There are `ORDERED` lists and `UNORDERED` lists.

This is an ordered list something big something small something short something tall |  | This is an unordered list something red something blue something old something new

First, we will build an `UNORDERED` list. It's mind-numbingly simple... really.

Start with this...

    <BODY>
    What I want for Christmas
    </BODY>

What I want for Christmas

(Technically we have not started to build the list yet. This is just a sort of heading.)

Add a pair of unordered list tags.

    <BODY>
    What I want for Christmas
    <UL>
    </UL>
    </BODY>

What I want for Christmas

Add a list item.

    <BODY>
    What I want for Christmas
    <UL>
    <LI>a big red truck
    </UL>
    </BODY>

What I want for Christmas a big red truck

Add a few more...

    <BODY>
    What I want for Christmas
    <UL>
    <LI>a big red truck
    <LI>a real fast speedboat
    <LI>a drum set
    <LI>a BB gun
    <LI>a Melanie Griffith
    </UL>
    </BODY>

What I want for Christmas a big red truck a real fast speedboat a drum set a BB gun a Melanie Griffith

Bingo! You made a list!

How to make an ordered list? Easy! Change the `<UL>` tag to `<OL>`.

    <BODY>
    What I want for Christmas
    <OL>
    <LI>a big red truck
    <LI>a real fast speedboat
    <LI>a drum set
    <LI>a BB gun
    <LI>a Melanie Griffith
    </OL>
    </BODY>

What I want for Christmas a big red truck a real fast speedboat a drum set a BB gun a Melanie Griffith

<< BACK NEXT >>

PageTutor - So, you want to make a Web Page!
Lessons: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
Upload Your Pages 216 Color Chart Color Picker
Index & Quick Reference Barebones HTML Guide Joke Break
Print version available - Get the PageTutor book & CD
Become a member - Get more good stuff!

Invest in the future - Hug your kid today.