Basic HTML Tutorial

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

This is an ordered list

This is an unordered list

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