Back to HTML Course

• The <ol> tag defines an ordered list. An ordered list can be numerical or alphabetical.
• The <li> tag is used to define each list item.
• Ordered List Tags with 1 , A , a , i and I types.
• Default type is 1.

HTML

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

<ol type="1">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>

<ol type="A">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>

<ol type="a">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>

<ol type="i">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>

<ol type="I">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>

CSS

ol {
  font-family: "Courier New", Courier, monospace;
  background-color: limegreen;
  box-shadow: 0 0 10px black;
  width: 300px;
}

ol li {
  background-color: lightgreen;
  margin: 45px;
  font-size: 30px;
}

You can check out the Demo.