HTML Lists

The most commonly used HTML Lists are ordered and unordered Lists. Another rarely used HTML List is Description List.


HTML Numbered List (Ordered Lists)

When ordered list is used, the list items are marked using numbers.

<ol> marks the start of the ordered list.

</ol> marks the end of the ordered list.

<li> and </li> represents the list items.

Example


<ol>
<li>Bread</li>
<li>Jam</li>
</ol> 
		

Preview


HTML Bulleted List (Unordered Lists)

When unordered list is used, the list items are marked using bullets.

<ul> marks the start of the unordered list.

</ul> marks the end of the unordered list.

<li> and </li> represents the list items.

Example



<ul>
<li>Bread</li>
<li>Jam</li>
</ul> 

		

Preview

HTML Description Lists

Description lists are used when it is required to provide description for the list items.

<dl> marks the start of the description list.

</dl> marks the end of the description list.

<dt> and </dt> represents the list items.

<dd> and </dd> defines the description of the list items.

Example



<dl>
<dt>Bread</dt>
<dd>Bread is a staple food</dd>
<dt>Jam</dt>
<dd>Jam is a tasty food</dd>
</dl> 

		

Preview

Next Lesson > HTML Image Tag