I need to set up an outline list, but I do not want to have to
renumber and re-letter everything when I add, delete or insert
new information.
There are going to be times when you need to present your information
in outline format. Since the Web has some academic roots, it comes
already setup to do this. You may have already used the Unordered
List using the <UL> tags. To do the Ordered List,
you guessed it. We use the <OL> tags!
If you look at the example below, you will see that I have taken
the outline down to four levels. The format of this tag is very
simple.
<OL TYPE=I> tells the browser to start numbering with I
<OL TYPE=A> tells the browser to start numbering with A
<OL TYPE=a> tells the browser to start numbering with a
<OL TYPE=i> tells the browser to start numbering with i
<OL TYPE=1> tells the browser to start numbering with 1
Each list nest or level is closed with the </OL> tag.
The tricky part is remembering where you are as you nest the items
of your outline. I strongly urge you to indent!
example
- This is the first entry of the first level TYPE=I
- This would be the first of the second level TYPE=A
- This would be the second of the second level TYPE=A
- This would be the first of the third level TYPE=a
- This would be the second of the third level TYPE=a
- Now we are four levels deep TYPE=i
- Another one just for artistic purposes TYPE=i
- This is the second entry of the first level TYPE=I
- Now we start a new set under here. TYPE=A
source code
|
<OL TYPE=I>
<LI>This is the first entry of the first level TYPE=I
<OL TYPE=A>
<LI>This would be the first of the second level TYPE=A
<LI>This would be the second of the second level TYPE=A
<OL TYPE=a>
<LI>This would be the first of the third level TYPE=a
<LI>This would be the second of the third level TYPE=a
<OL TYPE=i>
<LI>Now we are four levels deep TYPE=i
<LI>Another one just for artistic purposes TYPE=i
</OL>
</OL>
</OL>
<LI>This is the second entry of the first level TYPE=I
<OL TYPE=A>
<LI>Now we start a new set under here. TYPE=A
</OL>
</OL>
|