Basic HTML

Advance HTML

HTML Tags Reference

HTML Code Generator


HTML <ol> Tag


HTML <ol> tag define a list in ordered wise.


Example-Code:

<ol type="I" value="1">
 <li>Arabic Number
 <li>Arabic Number
</ol> 

<ol type="a" value="1"> <li>Lower Alphabet <li>Lower Alphabet </ol>
<ol type="A" value="1"> <li>Upper Alphabet <li>Upper Alphabet </ol>
<ol type="i" value="1"> <li>Lower Roman numeral <li>Lower Roman numeral </ol>
<ol type="I" value="1"> <li>Upper Roman numeral <li>Upper Roman numeral </ol>
Online Try This Code Your Self....   »

Example-Result:

  1. Arabic Number
  2. Arabic Number
  1. Lower Alphabet
  2. Lower Alphabet
  1. Upper Alphabet
  2. Upper Alphabet
  1. Lower Roman numeral
  2. Lower Roman numeral
  1. Upper Roman numeral
  2. Upper Roman numeral

<ol> Tag Attributes

<ol> tag specified list items and its attribute helps to change the order of the list.

Attributes Value Description
type 1
a
A
i
I
Arabic Number,
Lowercase alphabet,
Uppercase alphabet,
Lowercase Roman Numeral,
Uppercase Roman Numeral,
By default value is "1".
start "Start_Sequence_Number" used to sequence number of the list.

Dynamic Attributes

<ol> tag supported following Dynamic attributes.:


Attributes Value Description
id ID_Name Declared unique id for the element.
class Predefined_Class Used in Cascading Style Sheet (CSS).
style style_Attributes CSS code specify inline the HTML element is presented.
title Title_Description Display on the "tooltip" for your elements.

Event Attributes

<ol> tag supported following Event attributes.:

Attributes Value Description
onclick "Java_script" clicked on object when script tobe run.
ondblclick "Java_script" double click on object when script tobe run.
onkeydown "Java_script" key is pressed when script tobe run.
onkeypress "Java_script" key is pressed over element then released when script tobe run.
onkeyup "Java_script" key is released over element when script tobe run.
onmousedown "Java_script" mouse button was pressed over an element when script tobe run.
onmouseout "Java_script" mouse pointer release over an element when script tobe run.
onmousemove "Java_script" run mouse pointer moved when script tobe run.
onmouseover "Java_script" run mouse pointer move over when script tobe run.
onmouseup "Java_script" mouse button is released when script tobe run.