untitled
viviti
 HTML Amigo HomeHome
 HTML
   Introduction to HTML
   Using Notepad
   General Form
   Meta Tags
   Text Formatting
   Lists
     Unordered Lists
     Ordered Lists
     Definition Lists
   FTP
   Links
   Tables
   Images/Multimedia
   Frames
   Forms
   Style Sheets
   Javascript
   Web Hosting
   Special Characters
   Glossary
 Help Forums
   HTML Help Forum
Fast connection
   HTML Help Forum
Slow connection
 Extra (Important) Stuff
   Comments
   Link To Us
   Web Tools
   Resources
   The Poll Page


Ordered Lists

      When order is important in a listyou should use ordered lists. If you're talking about your 10 favorite songs of all time or the 10 worst shows ever - ordered lists help you out.

The < OL> Tag

      And the brand new tag is the < OL> tag, which stands for, you guessed it: Ordered list. Again the way we open up a ordered list is very similar to the unordered list.

< OL>

</OL>

      Each list is made up of items. We place the list items in between the < OL> tags. Each list item has an opening tag: < LI>, the text of this list item that will be shown, and its closing tag: </LI>

< OL>
< LI>List Item</LI>
< LI>List Item</LI>
< LI>List Item</LI>
</OL>

The Code

So putting everything together, ordered list take this general form:

< OL>
< LI>List Item</LI>
< LI>List Item</LI>
< LI>List Item</LI>
</OL>



The Result

What I need to buy in order of importance:

  1. Pants
  2. Shirts
  3. Socks

The TYPE Property

      The 'TYPE =' property, placed within the opening ordered list tag, < OL>, allows you to choose from five different styles of ordered lists. These change the style of the ordered list to your preference. The styles are listed below:

< OL type = "1">
Numbers
< OL type = "i">
Roman Numerals
< OL type = "I">
BIG Roman Numerals
  1. Pants
  2. Shirts
  3. Socks
  1. Pants
  2. Shirts
  3. Socks
  1. Pants
  2. Shirts
  3. Socks
< OL type = "a">
Small Letters
< OL type = "A">
BIG Letters
  1. Pants
  2. Shirts
  3. Socks
  1. Pants
  2. Shirts
  3. Socks

The START Property

      This property, also inserted in the opening ordered list tag allows you to start at any number and count up from that initial number. This works only when TYPE = '1'. So for example:

< OL type = "1" START = "3">

  1. Pants
  2. Shirts
  3. Socks
Rate Tutorial:
12345
Rated: 0 out of 5
Votes: 0
Free Email Forms from Bravenet.com

      Again you have the wonderful choice of selecting from those 5 styles. Make sure you practice making ordered lists in your own. But what happens if you feel like pulling out a dictionary and laying down some definitions. No problemo Definition Lists are coming you're way!



© HTML Amigo 2005


Web Hosting · Blog · Guestbooks · Message Forums · Mailing Lists
Easiest Website Builder ever! · Build your own toolbar · Free Talking Character · Email Marketing
powered by a free webtools company bravenet.com