EchoEcho.Com Homepage
Web Hosting - As Reliable As It Gets!
   Home > Tutorials > HTML > Lists


 Tutorials 
 D-Zine Articles 
 Online Tools 
 Free Resources 
 References 
 Quiz 
 Hosting 

















  HTML Lists :
NUMBERED LISTS








This page shows how to make different kinds of numbered lists.

You have the following number options:
  • Plain numbers

  • Capital Letters

  • Small Letters

  • Capital Roman Numbers

  • Small Roman Numbers


In addition to these options you can specify at which number the list should start. The default start value for numbered lists is at number one (or the letter A).

Look at these examples to see the detailed syntax.

HTML-CODEEXPLANATION / EXAMPLE
<ol>
<li>text</li>
<li>text</li>
<li>text</li>
</ol>
Makes a numbered list using the default number type:
  1. text
  2. text
  3. text

<ol start="5">
Starts a numbered list, first # being 5.
  1. This is one line
  2. This is another line
  3. And this is the final line

<ol type="A">
Starts a numbered list, using capital letters.
  1. This is one line
  2. This is another line
  3. And this is the final line

<ol type="a">
Starts a numbered list, using small letters.
  1. This is one line
  2. This is another line
  3. And this is the final line

<ol type="I">
Starts a numbered list, using capital roman numbers.
  1. This is one line
  2. This is another line
  3. And this is the final line

<ol type="i">
Starts a numbered list, using small roman numbers.
  1. This is one line
  2. This is another line
  3. And this is the final line

<ol type="1">
Starts a numbered list, using normal numbers.
  1. This is one line
  2. This is another line
  3. And this is the final line

<ol type="I" start="7">
An example of how type and start can be combined.
  1. This is one line
  2. This is another line
  3. And this is the final line





 << PREVIOUS
BACK TO MENU >>  
















DEVELOPER TIP!
FACT:
On the web's 100 most visited sites you will not find a single word that is written outside a table!
TIP:
Use of invisible tables is the most popular method for layout on web pages.





     "Better Than Books - As Easy As It Gets!"


On EchoEcho: D-Zine Articles | Tutorials | Online Tools | Free Resources | References | Quiz | HostingAbout EchoEcho