HTML Tutorials

How Do I Create an Outline

Back to HTML Codes and Questions

 

Bullet dots and numbers are a great way to organize information on a web page.  Fortunately, adding these features to a web page is easy.  It is also possible to mix and match any of these techniques.  Here is an example of a few possibilities.  

 

Sample Web Page

(Different outline styles are used for illustration)

List of Sound Equipment Needed for the Halloween Gig

A. Sound Board

          1.  24 channel

                   a. panning

                    b. trim

                    c. shelving e.q.

          2.  4 inserts

          3.  8 sends

          4.  Sub and Main Outs

B. Effects Processors

           I.  Reverb Unit

                    a.  Stereo in and out

                    b.  Depth and feedback controls

            II. Compressor Unit

                     i.  Threshold

                     ii. Sustain

                     iii. Gate                        

Here are the HTML codes used to create outlines:

Unordered Lists:  That is... the order of the items are not prioritized.  In such cases, it is usually best to use bullet dots.  Here is the code for bullet dots.
  • dogs
  • cats
  • frogs
 <UL>

<LI>  dogs  </LI>

<LI>  cats   </LI>

<LI>  frogs  </LI>

</UL>

 
Ordered Lists: You will want to use an ordered list when the items have a logical order or are prioritized.  Here is an example of an outline using numbers:
  1. Baseball
  2. Football
  3. Hockey 
<OL>

<LI>   Baseball   </LI>

<LI>   Football   </LI>

<LI>   Hockey    </LI>

</OL>

 
Nested Lists:   Here is how you can put a list inside another list (nesting).  In fact, it is possible to put a list inside a list (nest) as many times as you like.
  1. Latin
  2. Blues
    • Buddy Guy
    • BB King
  3. Classical             
<OL> 

<LI>    Latin     </LI>

<LI>    Blues     </LI>

          <UL>

          <LI>   Buddy Guy   </LI>

          <LI>   BB King       </LI>

          </UL>

<LI>    Classical  </LI>

</OL>    

Uppercase Roman Numerals:  All you need to do is add the following attribute to the <OL> or <LI> tag.  Don't forget the quotation marks. <OL Type = "I">    or

<LI Type = "I">
Lowercase Roman Numerals: <OL Type = "i">     or

<LI Type = "i">
Uppercase Alphabet: <OL Type = "A">   or

<LI Type = "A">

Lowercase Alphabet: <OL Type = "a">    or

<LI Type = "a"
Square Bullet Dots: <UL Type = "square">   or

<LI Type = "square">
Begin a List with a Number Other than One:  For example, start the list with the number 4. <OL Start = "4">