Lists In Html

Lists In Html:
There are 3 types of lists in Html.

1. <ol> - Ordered List
2. <ul> - Unordered List
3. <df> - Definition List

Html - Number/Ordered List

Ordered lists actually shows with numbers bullets same like word processors. The tag which is use to add order list in your Html page is <ol> and the items of this list shows in <li>. See the example.

Number/ Order List Example: 

<ol>
<li>John</li>
<li>Miller</li>
<li>Bunty</li>
</ol>

Numbered/Order List Preview:

1. John
2. Miller
3. Bunty

Just simply add your wish from which number you want to start 5,6 or whatever.
 
Number/Order List Advance
This is a little bit advance trick for order or number list you can start it with any number like you want to start a list from number 5 or from 7 or etc you can do it by using it's attribute let's see the example and preview.

Number/Order List Advance Example:

<ol start="5">
<li>John</li>
<li>Miller</li>
<li>Bunty</li>
</ol>

Numbered/Order List Advance Preview:

5. John
6. Miller
7. Bunty 

There are numbers of type of lists as shown below.

<ol type="a">
<ol type="A">
<ol type="i">
<ol type="I">

Here is the example of the type of the list just change the type.

Lower-Case	Upper-Case	Lower-Case	Upper-Case
John Miller Bunty	John Miller Bunty	John Miller Bunty	John Miller Bunty

Html - Unordered List

Unordered lists actually shows with dots bullets same like word processors. The tag which is use to add unorder list in your Html page is <ul> and the items of this list shows in <li>. See the example.

Unorder List Example:

<ul>
<li>John</li>
<li>Miller</li>
<li>Bunty</li>
</ul>

Unorder List Preview:

• John
• Miller
• Bunty

Here's a look at the other flavors of unordered lists may look like.

<ul type="square">
<ul type="disc">
<ul type="circle">

Here is the example of the Unordered List type

type="square"	type="disc"	type="circle"
John Miller Bunty	John Miller Bunty	John Miller Bunty