Section 1 - Introduction
Section 2 - Basics
Section 3 - Next Level
Lists
Ordered
Unordered
Definition
You Try It
Basic Tables
Advanced Text
Marquee
Meta
Sounds
Comments
Section 4 - Advanced
Section 5 - Publishing
Section 6 - Extras
Appendices
|
Unordered List
TAGS USED: <ul> </ul> <li> </li>
Making an unordered list is exactly like making an ordered list. Well, not exactly. Instead of using the <ol> tags, you will use the <ul> tags. This will make a list like before, but instead of numbers, you will have bullets (little dots) in front of the list items.
Again, you will begin with the command to make the list, but this time, an unordered list. You will end with this tag as well. In between go the list items. Be careful that you do not start an ordered list and end an unordered list (<ol> </ul>) or vise-versa because it doesn't work.
Let's look at the list of the seven dwarves again, but this time with an unordered list.
| Code |
|---|
The most charming characters I've ever seen from Disney movies are:
<ul>
<li>Sneezy</li>
<li>Grumpy</li>
<li>Sleepy</li>
<li>Dopey</li>
<li>Happy</li>
<li>Bashful</li>
<li>Doc</li>
</ul>
because they're kinda crazy little guys.
|
|
| What you see |
The most charming characters I've ever seen from Disney movies are:
- Sneezy
- Grumpy
- Sleepy
- Dopey
- Happy
- Bashful
- Doc
because they're kinda crazy little guys.
|
|
As you notice, the lists look very similar, but this time they aren't numbered. They have the bullets next to each list item. Some lists work more conveniently like this.
As promised, I am now going to show you how to turn lists into links. It's really basic.
| Code |
|---|
Some really good search engines are:
<ul>
<li>
<a href="http://www.google.com">Google</a>
</li>
<li>
<a href="http://www.yahoo.com">Yahoo</a>
</li>
<li>
<a href="http://www.lycos.com">Lycos</a>
</li>
</ul>
|
|
| What you see | |
Some really good search engines are:
|
|
Hope you got all that. The ordered and unordered are the two most common types of lists. The third type is a little different, but useful too.
|
