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>
Top comments (0)