back next

Numbered Lists


Numbered lists are surrounded by the <ol>...</ol> tags (ol stands for Ordered List), and each item with the list begins with the <li> (List Item) tag.


Example
<html>
<head>
<title> HTML Tutor </title><head>
<body>
<p>GIF images are used for several reasons:
<ol>
<li>GIF's Animation's
<li>Transparent Images or Colors
<li>Interlaced Pictures
<li>Images either few colors (less than 256)
</ol> </p>
</body>
</html>


Output
result




For the <ol> tag, the type attribute indicates the numbering scheme used for the list:
type=1 default; labels the list items with numbers (1,2,3,..)
type=A Orders the list items with uppercase letters (A,B,C,...)
type=a Orders the list items with lowercase letters (a,b,c,...)
type=I labels the list items with uppercase Roman numerals (I,II,III,IV,...)
type=i labels the list items with lowercase Roman numerals (i,ii,iii,iv,..)


Example 2
<html>
<head>
<title> HTML Tutor </title><head>
<body>
<ol type=I>
<li>GIF images are used for several reasons:
<ol type=1>
<li>GIF's Animation's
<li>Transparent Images or Colors
<li>Interlaced Pictures
<li>Images either few colors (less than 256)
</ol>
<li>JPG Images
<ol type=1>
<li>Big Images
<li>Pictures with more than 256 colors
</ol> </ol> </body>
</html>


Output
result




Back to HTML tutor homepage | Back | Next | Email me