|
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
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>
- a big red truck
- a real fast speedboat
- a drum set
- a BB gun
- a Melanie Griffith
And you thought HTML was hard. 
|
