How to Create a List - Part II

Example:
<HTML>
<HEAD>
<TITLE>Creating An Ordered List</TITLE>
</HEAD>
<BODY>
<OL TYPE="A">My Favorite Colors:
<LI>Red
<LI>Green
<LI>Blue
</OL>
</BODY>
</HTML>


output:
My Favorite Colors:
  1. Red
  2. Green
  3. Blue

3. CREATING AN UNORDERED LIST

<UL TYPE="CIRCLE">My Favorite Colors
<LI>Red
<LI>Green
<LI>Blue
</UL>
         My Favorite Colors:
  • Red
  • Green
  • Blue
<UL> Attributes: You can change the shape of the item markers with the values of <UL> attributes, like you can do that with ordered list <OL> attribute:
  • <UL TYPE = "CIRCLE"> will change the shape of item markers to the shape of solid circle.
  • <UL TYPE = "SQUARE"> will change the shape of item marker to square.
  • <UL TYPE = "DISC"> will display the shape of item markers to the disc shape.

3. CREATING NESTED ORDERED LIST

Example:
<HTML>
<HEAD>
<TITLE>Creating An Ordered List</TITLE>
</HEAD>
<BODY>
<OL>My Favorite Colors:

    
  <LI>Red
             <OL TYPE="a">
                   <LI>Light Red
                   <LI>Dark Red
           </OL>

      <LI>Green
             <OL TYPE="a">
                   <LI>Light Green
                   <LI>Dark Green
            </OL>

      <LI>Blue
            <OL TYPE="a">
                   <LI>Light Blue
                  <LI>Dark Blue
           </OL>

</OL>
</BODY>
</HTML>

Your browser may look like this one:
My Favorite Colors:
  1. Red
    1. Light Red
    2. Dark Red
  2. Green
    1. Light Green                   
    2. Dark Green            
  3. Blue
    1. Light Blue
    2. Dark Blue
More...