HTML Ordered Lists

HTML Ordered Lists:

HTML Ordered Lists: Ordered lists i.e. each item in the list has a number, alphabet or symbol to denote its order or help us count them. The below image shows an “ordered list”:

HTML Ordered List

Let us make an ordered list:

Step 1: Begin with <ol> </ol>

Step 2: Insert the first item in the ordered list you have created:

<ol>

<li>First Item</li>

</ol>

Step 3: See the result in your browser

http://studybee.net/images/

Step 4: Add more list items to your first Ordered List:

<ol>

<li>First Item</li>

<li>Second Item</li>

<li>Third Item</li>

<li>Fourth Item</li>

</ol>

 

Step 5: See the result of this code in your browser:

html ordered list image

Great job!  Explaining the Code: Let us now understand what happened:

creating my first ordered lists