Ordered lists
are used to present information in a numbered sequence:
- First item
- Second item
- Third item
Tell me how?
<ol>
<li>First item
<li>Second item
<li>Third item
</ol>
You've got
it ol stands for ordered list. You don't
have to type the numbers in, the browser does it
for you!
But
I want Roman Numerals !!
No problem
- we just need to use the TYPE property inside
the ol tag.
<ol TYPE="I";>
<li>First item
<li>Second item
<li>Third item
</ol>
gives you
....
- First item
- Second item
- Third item
And what if I want
letters?
We can do - just put the
letter A in your TYPE property.
<ol TYPE="A">
<li>First item
<li>Second item
<li>Third item
</ol>
gives you
....
- First item
- Second item
- Third item
Here's one for you... What
do you think will happen if you put a lower case a in
the TYPE property?
<ol TYPE="a">
<li>First item
<li>Second item
<li>Third item
</ol>
Try it and
see .......
Last,
but not least, you might not always want to start your
count at 1
<ol
START="7">
<li>Item 7
<li>Item 8
<li>Item 9
</ol>
gives you
....
- Item 7
- Item 8
- Item 9
OK
- one more - changing the font of your numbers
<ol style="font-family:
Comic Sans MS">
<li>First item
<li>Next item
<li>Last item
</ol>
Gives you ....
- First item
- Second item
- Third item
Try it out yourself in the
box below:
|