ol tag in html code example

Example 1: ol types

<ol type="1">
  <li>The list items will be bulleted with numbers (default)</li>
</ol>
<ol type="A">
  <li>The list items will be bulleted with Capital(UPPERCASE) letters</li>
</ol>
<ol type="a">
  <li>The list items will be bulleted with with small(lowercase) letters</li>
</ol>
<ol type="I">
  <li>The list items will be bulleted with with Capital(UPPERCASE) Roman letters</li>
</ol>
<ol type="i">
  <li>The list items will be bulleted with with small(lowercase) Roman letters</li>
</ol>

Example 2: html number list

<ol type="1">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

<ol type="A">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

<ol type="a">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

<ol type="I">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

<ol type="i">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

Example 3: html ordered list

<ol>
  <lh>ol Header</lh>
  <li>Item One</li>
  <li>Item Two</li>
  <li>Item Thre</li>
</ol>

Example 4:

The ol element is used to define an ordered list.
This is a list where each list item is preceded by a numerical or alphabetical 
identifier (as opposed to an unordered list, ul , which has list items preceded
by bullet points).

Tags:

Css Example