HTML Lists - Learn2Done

HTML Lists are used to group similar types of items. There are several types of HTML Lists,

1. Unordered Lists – Unordered Lists start with <ul> tag and the list items are given inside <li> tag. This Unordered list of items will be bulleted with the black dot before them by default.

<ul>
    <li>Home</li>
    <li>Services</li>
    <li>About Us</li>
    <li>Contact Us</li>
</ul>

2. Ordered List – An ordered list start with <ol> tag. Each item of the list starts with <li> tag. The Items in the list are ordered with numbers.

<ol>
    <li>Apples</li>
    <li>Banana</li>
    <li>Mangoes</li>
</ol>

3. Description List – Description Lists are the type of Lists that have descriptions for each of its list items. A description list can be used by using <dl> tag, list items can be added by using <dt> tag and its description can be added by using <dd> tag.

<dl>
    <dt>Coffee</dt>
    <dd>    Coffee is a drink made with coffee powder.</dd>
    <dt>Tea</dt>
    <dd>    Tea is a very common drink in India.</dd>
</dl>

HTML Tutorials