BigNoseBird.Com- home Small Logo
The 508 compliant Guide to 
       Big Nose Bird
BACK

Creating Outlines with Ordered Lists

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
  1. This is the first entry of the first level TYPE=I
    1. This would be the first of the second level TYPE=A
    2. This would be the second of the second level TYPE=A
      1. This would be the first of the third level TYPE=a
      2. This would be the second of the third level TYPE=a
        1. Now we are four levels deep TYPE=i
        2. Another one just for artistic purposes TYPE=i
  2. This is the second entry of the first level TYPE=I
    1. 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>


Find or Give Help on the BBS
 
Home Top E-Mail
If it looks great, it's by Christine
Some Fine Print
© 1997-2003 BigNoseBird.Com®, Inc. All rights reserved. All other trademarks are the sole property of their respective owners. The products that we recommend are only ones that we use. We have no relationship with any of the authors or their companies. We cannot assume responsibility for their ultimate performance or lack of same. We also cannot assume responsibility for either any programs provided here, or for any advice that is given since we have no control over what happens after our code or words leave this site. Always use prudent judgment in implementing any program- and always make a backup first! For further information, please read our Privacy Statement. We can be contacted at webmaster@bignosebird.com.


<reallybig.com>
Web Builder Network Portal
Advertise
on the
Reallybig.com
Network
BigNoseBird Newsletter
Subscribe
Un-Subscribe


Sign up today to receive our low volume newsletter. Tips, tricks, news, and whatever else crosses our minds.
Back Issues
Privacy Statement