Section 1 - Introduction
Section 2 - Basics
Section 3 - Next Level
Section 4 - Advanced
Fancy Lists
Compact lists
Nesting lists
Unordered types
Ordered types
Start numbers
Putting it together
You Try It!
Forms
Advanced Tables
Frames
Style Sheets
Image Maps
Section 5 - Publishing
Section 6 - Extras
Appendices
|
In the last lesson, you learned how to change the list type for unordered lists. You can also do this with ordered lists, and this is even more useful. Ther are five types of ordered lists. The types are:I | | Large Roman numerals | A | Uppercase letters | 1 | Numbers | a | Lowercase letters | i | Lowercase Roman numerals |
|
To use these, you specify list type exactly as you learned with unordered lists. That would look like this:
- <ol type="I">
<ol type="A">
<ol type="1">
<ol type="a">
<ol type="i">
Code |
---|
Juice Menu:
<ol type="I">
<li>Apple</li>
<li>Grape</li>
<li>Orange</li>
</ol>
|
|
What you see |
Juice Menu:
- Apple
- Grape
- Orange
|
|
This is incredibly useful when making an outline on your page. You can get the computer to nest numbered lists of different types. Here's an example. The spacing and colors are just to make it easier to read.
Code |
---|
<ol type="I">
<li>Introduction</li>
<li>Body
<ol type="A">
<li>Main Point
<ol type="1">
<li>Sub-point</li>
<li>Sub-point
<ol type="a">
<li>Supporting info
<ol type="i">
<li>Detail</li>
<li>Detail</li>
</ol>
</li>
<li>Supporting info
</li>
</ol>
</li>
</ol>
</li>
<li>Main Point </li>
</ol>
</li>
<li>Conclusion</li>
</ol>
|
|
What you see |
- Introduction
- Body
- Main Point
- Sub-point
- Sub-point
- Supporting info
- Detail
- Detail
- Supporting info
- Main Point
- Conclusion
|
|
Admittedly, I made this long and complicated, but this is to show you what things you can accomplish with ordered lists.
|