HTML Lists

HTML Lists are used to list items within webpages. There are different types of HTML Lists, among which are Ordered Lists, Unordered Lists and Definition Lists.

HTML Ordered Lists

HTML Ordered Lists are basically listing items in order using numbers. Ordered lists are made with the <ol></ol> tags, with the items listed with the <li></li> tags.

HTML Ordered List Example

<ol>

<li>Item 1</li>

<li> Item 2</li>

<li>Item 3</li>

<li> Item 4</li>

<li> Item 5</li>

</ol>

RESULT of HTML Ordered List above will be

  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4
  5. Item 5

HTML Unordered Lists

HTML Unordered Lists are basically listing items without ordering them with numbers. Unordered lists are made with the <ul></ul> tags, with the items listed with the <li></li> tags.

HTML Unordered List Example

<ul>

<li>Item 1</li>

<li> Item 2</li>

<li>Item 3</li>

<li> Item 4</li>

<li> Item 5</li>

</ul>

RESULT of HTML Unordered List above will be

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5

HTML Definition Lists

HTML Definition Lists are basically used to list items by definition to describe things or separate different categories of items. Definition lists are made with the <dl></dl> tags, with the defined items listed with the <dt></dt> tags and the described items listed with <dd></dd> tags

HTML Definition List Example

<dl>

<dt>Defined Item 1</dt>

<dd> Described Item 1</dd>

<dd> Described Item 2</dd>

<dd> Described Item 3</dd>

<dt>Defined Item 2</dt>

<dd> Described Item 1</dd>

<dd> Described Item 2</dd>

<dd> Described Item 3</dd>

<dt>Defined Item 3</dt>

<dd> Described Item 1</dd>

<dd> Described Item 2</dd>

<dd> Described Item 3</dd>

</dl>

RESULT of HTML Definition List above will be

Defined Item 1
Described Item 1
Described Item 2
Described Item 3
Defined Item 2
Described Item 1
Described Item 2
Described Item 3
Defined Item 3
Described Item 1
Described Item 2
Described Item 3