The UNORDERED LIST
The unordered list (as seen above) is noted for the bullets. Tags for an Unordered List are:
<ul> ( indicating an unordered list)
<li> the first list item </li>
<li> the next item </li>
</ul> ( ending the li's)
|
|
The ORDERED LIST
The Ordered List (as above) is constructed exactly the same way,
except you use the <ol>.....</ol> tag.
(indicating the start of an ordered list)
<li> the first item </li>
<li> the second item </li>
</ol> (the end of the list)
|
|
See the logic; ul for Unordered List, and ol for Ordered List.
MORE CHOICES FOR THE ORDERED LIST
The standard numbers are the default for an ordered list, but you have several other choices.....
|
- Alphabetical - lower case
- <ol type="a">
- lower case alphabetical
- second list item
- Alphabetical - upper case
- <ol type="A">
- Upper Case Alphabetical
- second list item
|
|
- Roman Numerals - lower case
- <ol type="i">
- Lower Case Roman
- second list item
- Roman Numerals - upper case
- <ol type="I">
- Upper Case Roman
- second list item
|
The list items in an ordered list are automatically numbered by the browser - insert an item into the list and
the numbers will adjust. There is one trick you can use apart from specifying the number/letter type. You
can tell the list where to start, or what number a list item should be.
- This list starts at number 5
- and the next item follows on from there
- or does it?
- but this one does.
How did I do that? Quite simple, just tell it. Look at the HTML I used for that list:
<ol start="5">
<li>This list starts at number 5</li>
<li>and the next item follows on from there</li>
<li value="10">or does it?</li>
<li>but this one does.</li>
</ol>
|
See how I told it where to start, and then where I told it to make a list item the number 10?
|