ol Tag

HTML 4.01 and XHTML 1.0 Reference: <ol> Tag
      HTML <ol> Tag - Ordered List        
                    
          Syntax
          This element uses separate opening and closing tags.

            <ol>...</ol>          
        

          Usage
          The <ol> tag is used to create an ordered list. One or more <li> tags are contained between the opening and closing <ol> tags. Each <li> tag defines one list item. The browser will precede each list item with a number (or alternately a letter or Roman numeral by setting the type attribute). If it is desired to have each list item begin with a bullet instead of a number, then the <ul> tag can be used in place of the <ol> tag.

HTML & XHTML <ol> tag example.<ol>
 <li>This is the first list item.</li>
 <li>This is the second list item.</li>
 <li>This is the third list item.</li>
</ol>


        

          Content Model
          The <ol> element can contain the following tags between its opening and closing tags.<li> 

        

Red attributes have been deprecated

    <ol> Tag Attribute Summary
      
        Required
        Tag Specific
        Core
        Focus
        Events
        Language
      

         
        compact start type 
        id class style title 
         
        onclick ondblclick onkeydown onkeypress onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup 
        dir lang xml:lang1 
      
Notes: 1. XHTML only.

Red attributes have been deprecated

    <ol> Tag Attributes
      
        Attribute
        Description
      
compactThe compact attribute specifies that the list should be rendered in a more compact fashion.

          

          <ol> tag example using the compact attribute.
           <ol compact="compact">

Note: This attribute may have little or no browser support among popular browsers.
Note: This attribute has been deprecated.
startThe start attribute specifies the starting number for the first list item. If the list items use letters instead of numbers, then the start attribute corresponds to the position of the letter in the alphabet. For example, if the list uses lowercase letters, then the list will start with the letter "b" if the start attribute is set to 2.

HTML & XHTML <ol> tag example using the start attribute.<p>The following list starts with 2.</p>
<ol type="1" start="2">
 <li>This is the first list item.</li>
 <li>This is the second list item.</li>
 <li>This is the third list item.</li>
</ol>
<p>The following list starts with b.</p>
<ol type="a" start="2">
 <li>This is the first list item.</li>
 <li>This is the second list item.</li>
 <li>This is the third list item.</li>
</ol>


Note: This attribute has been deprecated.
typeThe type attribute specifies the numbering style. Possible values are shown in the following table.


            
              type attribute value
              Description
            

              "1"
              Arabic Numbers
            

              "a"
              Lowercase letters
            

              "A"
              Uppercase letters
            

              "i"
              Lowercase Roman numerals
            

              "I"
              Uppercase Roman numerals
            


HTML & XHTML <ol> tag example using the type attribute.<p>The following list uses numbers.</p>
<ol type="1">
 <li>This is the first list item.</li>
 <li>This is the second list item.</li>
 <li>This is the third list item.</li>
</ol>
<p>The following list uses lowercase letters.</p>
<ol type="a">
 <li>This is the first list item.</li>
 <li>This is the second list item.</li>
 <li>This is the third list item.</li>
</ol>
<p>The following list uses uppercase letters.</p>
<ol type="A">
 <li>This is the first list item.</li>
 <li>This is the second list item.</li>
 <li>This is the third list item.</li>
</ol>
<p>The following list uses lowercase Roman numerals.</p>
<ol type="i">
 <li>This is the first list item.</li>
 <li>This is the second list item.</li>
 <li>This is the third list item.</li>
</ol>
<p>The following list uses uppercase Roman numerals.</p>
<ol type="I">
 <li>This is the first list item.</li>
 <li>This is the second list item.</li>
 <li>This is the third list item.</li>
</ol>


Note: This attribute has been deprecated.
idThe id attribute assigns a unique name to a tag. This allows style sheets or scripts to reference the tag. See id Example 
classThe class attribute assigns a class name to a tag. The class name does not need to be unique. More than one tag can have the same class name. This allows style sheets or scripts to reference multiple tags with a single class name. See class Example 
styleThe style attribute specifies styles for the tag. For Cascading Style Sheets (CSS), the syntax is name:value. Each name:value pair is separated by semicolons. See style Example 
titleThe title attribute specifies additional information about the tag. It is common for browsers to display the title when the pointing device stops over the object. See title Example 
onclickThe onclick attribute specifies a 
      script to be run when the object is clicked with a mouse or other pointing device. See onclick Example 
ondblclickThe ondblclick attribute specifies a 
      script to be run when the object is double clicked with a mouse or other pointing device. See ondblclick Example 
onkeydownThe onkeydown attribute specifies a 
      script to be run when a key is pressed down. See onkeydown Example 
onkeypressThe onkeypress attribute specifies a 
      script to be run when a key is pressed and released. See onkeypress Example 
onkeyupThe onkeyup attribute specifies a 
      script to be run when a key is released. See onkeyup Example 
onmousedownThe onmousedown attribute specifies a 
      script to be run when the mouse button, or other pointing device button, is pressed while over the object. See onmousedown Example 
onmousemoveThe onmousemove attribute specifies a 
      script to be run when the mouse, or other pointing device, is moved while it is over the object. See onmousemove Example 
onmouseoutThe onmouseout attribute specifies a 
      script to be run when the mouse, or other pointing device, is moved away from an object after being over it. See onmouseout Example 
onmouseoverThe onmouseover attribute specifies a 
      script to be run when the mouse, or other pointing device, is moved onto the object. See onmouseover Example 
onmouseupThe onmouseup attribute specifies a 
      script to be run when the mouse button, or other pointing device button, is released while over the object. See onmouseup Example 
dirThe dir attribute tells the browser whether the text should be displayed from left-to-right or right-to-left. It does not reverse the direction of the characters, like the <bdo> tag does, but it can help the browser to determine if the text should be aligned on the left side or the right side. See dir Example 
langThe lang attribute specifies a language. This attribute can help the browser to correctly display text. This attribute can also be useful for braille translation software, speech synthesizers, dictionary definitions, etc. See lang Example 
xml:langThe xml:lang attribute specifies a language for XHTML documents. This attribute can help the browser to correctly display text. This attribute can also be useful for braille translation software, speech synthesizers, dictionary definitions, etc. See xml:lang Example 

Note: XHTML only.

HTML <ol> Tag Examples<ol> tag example.
<ol> tag example using the start attribute.
<ol> tag example using the type attribute.

Syntax	This element uses separate opening and closing tags. <ol>...</ol>
Usage	The <ol> tag is used to create an ordered list. One or more <li> tags are contained between the opening and closing <ol> tags. Each <li> tag defines one list item. The browser will precede each list item with a number (or alternately a letter or Roman numeral by setting the type attribute). If it is desired to have each list item begin with a bullet instead of a number, then the <ul> tag can be used in place of the <ol> tag. HTML & XHTML <ol> tag example. <ol> <li>This is the first list item.</li> <li>This is the second list item.</li> <li>This is the third list item.</li> </ol>
Content Model	The <ol> element can contain the following tags between its opening and closing tags. <li>

Required	Tag Specific	Core	Focus	Events	Language
	compact start type	id class style title		onclick ondblclick onkeydown onkeypress onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup	dir lang xml:lang¹
Notes: 1. XHTML only.