Type of Lists in HTML

RMAG news

There are three types of Lists in HTML:

Ordered List
UnOrdered List
Definition List
Nested List

Note:Nested List is not a type of list but we call the merges list as Nested List

1.Ordered List

In Ordered List all the items are in a specific ordered…
There are 5 list-style type of Ordered list

A-for capital

<ol type=”A”>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

A. Coffee
B. Tea
C. Milk

a – for small letter

<ol type=”a”>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

a. Coffee
b. Tea
c. Milk

I – For Big Roman

<ol type=”I”>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Juice</li>
</ol>

I. Coffee
II. Tea
III. Milk
IV. Juice

i – For Small Roman

<ol type=”i”>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Jauce</li>
</ol>

i. Coffee
ii. Tea
iii. Milk
iv. Jauice

1 – For Numeric(By Dafualt)

<ol type=”1″>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

Coffee
Tea
Milk

2.Unordered List

In Unordered List there is no specific Order…
There are three list-style type in unordered List

disc – By Dafault (Filled Dark Circle)

<ul style=”disc”>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

circle – Empty Circles

<ul style=”list-style-type:square;”>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

square – Rectangular Square

<ul style=”list-style-type:square;”>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

none – mostly used in navbar

<ul style=”list-style-type:none;”>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

Leave a Reply

Your email address will not be published. Required fields are marked *