Submit Tutorial

spacer
Newsletter

spacer
RSS
spacer
Submit Tutorial

spacer
website promotion banner
eturnkeys
Your Ad Here
Making Tables
by Michael Aldworth
jQuery Examples - Horizontal Accordion
by Design Reviver
Basic Links
by Lindsay Coome
Troubleshooting CSS in Dreamweaver
by Janine Warner
Free Web Designs
A collection of free web templates. Premium quality web designs, easy to browse.
HTML and CSS tutorials
A collection of free web templates. Premium quality web designs, easy to browse.
Html lessons and tutorials in web page design.
You, too, can design your own website with over 45 interactive HTML tutorials. Also try your hand at JavaScript or check out a search engine submission service.
2 Create a Website
Offers free tutorials on website creation, generating traffic and making money online.
UK Hosting Services
Provider of low cost affordable UK web hosting services.
HTML and CSS  Home HTML and CSS Tutorials Creating Outlines with Ordered Lists
rss

Creating Outlines with Ordered Lists

Author: Jeff Singer More by this author
Browse Pages: << <  1  2  3  4

Added: Nov 14, 2004 Rating:  Less than 3 votes yet Level: Beginner Software:  DreamweaverGoLiveFrontPage

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>

See Also:



print this page tell a friend subscribe to newsletter subscribe to rss
Rate this Material: Bad 1 2 3 4 5 Excellent
Browse Pages: << <  1  2  3  4

HTML and CSS  More HTML and CSS: Most Popular Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com
Add comments to "Creating Outlines with Ordered Lists"