HTML List Examples on this page

HTML Unordered List
HTML Ordered List
HTML Different Types of Ordered Lists
HTML Different Types of Unordered Lists
HTML Nested List
HTML Nested List 2
HTML Definition List


Examples of HTML Unordered List.
<h4>An Unordered List:</h4> <ul> <li>Bread</li> <li>Butter</li> <li>Milk</li> </ul>	An Unordered List: Bread Butter Milk



Examples of HTML Ordered List
<h4>An ordered List:</h4> <ol> <li>Bread</li> <li>Butter</li> <li>Milk</li> </ol>	An ordered List: Bread Butter Milk

Examples of HTML Different Types of Ordered Lists.
<h4>Numbered list:</h4> <ol> <li>Tomato</li> <li>Potato</li> <li>Onion</li> <li>Lady Finger</li> </ol> <h4>Letters list:</h4> <ol type="A"> <li>Tomato</li> <li>Potato</li> <li>Onion</li> <li>Lady Finger</li> </ol> <h4>Lowercase letters list:</h4> <ol type="a"> <li>Tomato</li> <li>Potato</li> <li>Onion</li> <li>Lady Finger</li> </ol> <h4>Roman numbers list:</h4> <ol type="I"> <li>Tomato</li> <li>Potato</li> <li>Onion</li> <li>Lady Finger</li> </ol> <h4>Lowercase Roman numbers list:</h4> <ol type="i"> <li>Tomato</li> <li>Potato</li> <li>Onion</li> <li>Lady Finger</li> </ol>	Numbered list: Tomato Potato Onion Lady Finger Letters list: Tomato Potato Onion Lady Finger Lowercase letters list: Tomato Potato Onion Lady Finger Roman numbers list: Tomato Potato Onion Lady Finger Lowercase Roman numbers list: Tomato Potato Onion Lady Finger



Examples of Different Types of Unordered Lists
<h4>Disc bullets list:</h4> <ul type="disc"> <li>Tomato</li> <li>Potato</li> <li>Onion</li> <li>Lady Finger</li> </ul> <h4>Circle bullets list:</h4> <ul type="circle"> <li>Tomato</li> <li>Potato</li> <li>Onion</li> <li>Lady Finger</li> </ul> <h4>Square bullets list:</h4> <ul type="square"> <li>Tomato</li> <li>Potato</li> <li>Onion</li> <li>Lady Finger</li> </ul>	Disc bullets list: Tomato Potato Onion Lady Finger Circle bullets list: Tomato Potato Onion Lady Finger Square bullets list: Tomato Potato Onion Lady Finger

Examples of HTML Nested List
<h4>A nested List:</h4> <ul> <li>Bread</li> <li>Fruits <ul> <li>Orange</li> <li>Banana</li> </ul> </li> <li>Milk</li> </ul>	A nested List: Bread Fruits Orange Banana Milk

Examples of Nested List 2
<h4>A nested List:</h4> <ul> <li>Fruits</li> <li>Vegetables <ul> <li>Tomato</li> <li>Potato <ul> <li>India</li> <li>Australia</li> </ul> </li> </ul> </li> <li>Milk</li> </ul>	A nested List: Fruits Vegetables Tomato Potato India Australia Milk



Examples of Definition List
<h4>A Definition List:</h4> <dl> <dt>Tea</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>Good for health</dd> </dl>	A Definition List: Tea Black hot drink Milk Good for health

Popular Examples

HTML List Examples on this page

An Unordered List:

An ordered List:

Numbered list:

Letters list:

Lowercase letters list:

Roman numbers list:

Lowercase Roman numbers list:

Disc bullets list:

Circle bullets list:

Square bullets list:

A nested List:

A nested List:

A Definition List: