Lists lists lists. There are three kinds of 'em. There are ordered lists, which list their items preceded by numbers. There are unordered lists, which list their items with bullets (or nothing, depending on your browser). And finally, there are definition lists. They give you a term, and a definition that has a big left margin. So lets start with ordered lists, tag name ol.
<ol> <li>Item number one! <li>Item number two! <li>Item number three! </ol>
- Item number one!
- Item number two!
- Item number three!
The code above produces the list below it - sound familiar? This is pretty self explanatory, so I won't explain it.
Next we have unordered lists, tag ul. Lets take a look at it...
<ul> <li>Item number one! <li>Item number two! <li>Item number three! </ul>
- Item number one!
- Item number two!
- Item number three!
Also self explanatory, but I'll explain a few things. Notice that both of these two lists use the same li item to start another list item. Also notice that there are no closing tags for the li tags - you can use them, but there's no use. The next li tag marks the end of the current one, and the closing tag for the whole list marks the end of the last list item. Pretty spiffy, eh? Now onto the best of the three lists...definition lists.
The definition list uses the dl tags to open and close the list, dt tags to give a definition term, and a dd tag to give the definition definition! Example:
<dl> <dt>Term One... <dd>The definition of term one goes right here. <dt>Term two... <dd>The definition of term two goes right here. <dt>Term Three... <dt>Term Four... <dd>I don't know why you'd want to do this, <dd>but you can! </dl>
- Term One...
- The definition of term one goes right here.
- Term two...
- The definition of term two goes right here.
- Term Three...
- Term Four...
- I don't know why you'd want to do this,
- but you can!
And there you have it! Lists are now second nature to you!