Default

  1. HTML
  2. CSS
  3. JavaScript
<ol>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>

with reversed attribute

  1. HTML
  2. CSS
  3. JavaScript
<ol reversed>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>

with start attribute

  1. HTML
  2. CSS
  3. JavaScript
<ol start="5">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>

with type lower-alpha

  1. HTML
  2. CSS
  3. JavaScript
<ol type="a">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>

with type upper-alpha

  1. HTML
  2. CSS
  3. JavaScript
<ol type="A">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>

with type lower-roman

  1. HTML
  2. CSS
  3. JavaScript
<ol type="i">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>

with type upper-roman

  1. HTML
  2. CSS
  3. JavaScript
<ol type="I">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>

Nested

  1. HTML
    1. HTML
      1. HTML
      2. CSS
      3. JavaScript
    2. CSS
    3. JavaScript
  2. CSS
  3. JavaScript
<ol>
  <li>
    HTML

    <ol>
      <li>
        HTML
        <ol>
          <li>HTML</li>
          <li>CSS</li>
          <li>JavaScript</li>
        </ol>
      </li>
      <li>CSS</li>
      <li>JavaScript</li>
    </ol>
  </li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>

custom values

  1. HTML
  2. CSS
  3. JavaScript
<ol>
  <li value="3">HTML</li>
  <li value="5">CSS</li>
  <li value="19">JavaScript</li>
</ol>