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:
An image may say more than 1000 words.
TIP:
On the web it definitely will take longer to load!





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


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