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

Note - 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 >>