Using Lists in Web Page

The HTML Supports several ways of arranging items in lists.

The most commonly used are:

  1. Ordered List (Numbered List)
  2. Unordered List (Bulleted List)

Ordered List <OL>

Ordered list also called as Numbered list. It is used to present a numbered list of item in the order of importance or the item (paragraph) is marked with a number.

An ordered list must begin with the <OL>followed by an <LI> list item tag.

Example

<OL>
 <LI>WWW - World Wide Web</LI>
 <LI>URL - Uniform Resource Locator</LI>
 <LI>HTTP - Hypertext Transfer Protocol</LI>
 <LI>FTP - File Transfer Protocol</LI>
 <LI>HTML - Hypertext Markup Language</LI>
</OL>

Attributes of <OL>tag

TYPE: allows marking list items with different types. By default the list Item markers are set to numbers. Other values of TYPE attribute are:

  • A (Capital letter)
  • a (Small letter)
  • I (Uppercase Roman)
  • i (Lowercase Roman)
  • 1 (Number)

START: It is used for lists that need to start at values other than 1. It is always specified in default numbers, and is completed based on TYPE before display, For example, If START=5, it would display either an 'E', 'e', 'V', 'v', or '5' based on TYPE attribute.

Unordered List <UL>

Unordered List, also called as bulleted list, is used to present list of items marked with bullets. An unordered list starts with <UL> followed by <LI> (List Item) tag. Use of <UL> is very similar to <OL> (ordered list).

Example

<UL>
 <LI>Apple</LI>
 <LI>Mango</LI>
 <LI>Orange</LI>
</UL>

The unordered list also uses the TYPE attribute: CIRCLE or DISC.