Type of Lists in HTML

Saud Ur Rehman — Mon, 15 Apr 2024 18:51:39 +0000

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

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

A. Coffee
B. Tea
C. Milk

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

a. Coffee
b. Tea
c. Milk

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

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

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

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

<ol type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Coffee

Tea

Milk

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

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

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

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

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