A Beginner's Primer by Professor Al Fichera
Introduction to Web Design
Using Ordered Lists on a Web Page
Using <OL> Tags to Create Outlines

————————————?


This begins the test of nesting OL tags to create an official looking Outline Format. Note: I've used different sizes of fonts to better identify the different levels used in the outline.

  1. This is Roman Numeral 1
    1. my 1st level (A) indent and 1st point under I.
    2. This is my 1st level (B) indent and 2nd point under I.
      1. This is my 2nd level (1) indent and 1st point under B.
      2. This is my 2nd level (2) indent and 2nd point under B.
    3. This is my 1st level (C) indent and 3rd point under I.
  2. This is Roman Numeral 2
  3. This is Roman Numeral 3
    1. This is my 1st level (A) indent and 1st point under III.
      1. This is my 2nd level (1) indent and 1st point under A.
      2. This is my 2nd level (2) indent and 2nd point under A.
        1. This is my 3rd level (a) indent and 1st point under 2.
        2. This is my 3rd level (b) indent and 2nd point under 2.
      3. This is my 2nd level (3) indent and 3rd point under A.
  4. This is Roman Numeral 4

————————————?


Here's a look at the code that produces the Outline above, I've stripped out the Font coding so you could study the code and line syntax better.



<OL TYPE=I>
 <LI>This is Roman Numeral 1
    <OL TYPE=A>
      <LI>my 1st level (A) indent and 1st point under I.
      <LI>This is my 1st level (B) indent and 2nd point under I.
        <OL TYPE=1>
         <LI>This is my 2nd level (1) indent and 1st point under B.
         <LI>This is my 2nd level (2) indent and 2nd point under B.
        </OL>
      <LI>This is my 1st level (C) indent and 3rd point under I.
    </OL>
 <LI>This is Roman Numeral 2
 <LI>This is Roman Numeral 3
     <OL TYPE=A>
       <LI>This is my 1st level (A) indent and 1st point under III.
         <OL TYPE=1>
           <LI>This is my 2nd level (1) indent and 1st point under A.
           <LI>This is my 2nd level (2) indent and 2nd point under A.
             <OL TYPE=a>
               <LI>This is my 3rd level (a) indent and 1st point under 2.
               <LI>This is my 3rd level (b) indent and 2nd point under 2.
             </OL>
           <LI>This is my 2nd level (3) indent and 3rd point under A.
         </OL>
     </OL>
  <LI>This is Roman Numeral 4
 </OL>

————————————?


Back to TOC     Back to Basic HTML