How to Create a List

A list is one of the important methods, which is used to organize your contents on a Web page. There are two main types of lists: an ordered list and unordered list. We're going to show you how to create both of them in this article.

1. DEFINITIONS OF TAGS USED IN A LIST

  • <OL> </OL> : This pair of tags begins and and ends the definition of  an ordered  list.  "OL" stands for Ordered List.
  • <UL> </UL>: This pair of tags begins and ends the definition of an unordered list. "UL" stands for Unordered List.
  • <LH> tags defines the heading of the list. It stands for "List Heading". Actually, it can be used to name a title of the list.
  • <LI> tag defines one individual item in the list. "LI" stands for List Item.

2. CREATING AN ORDERED LIST
We begin with an example to show you how to create a list and how it may look on the Web browser. You can examine it by create an HTML file and copy the following and view it on your browser.

Example:
<HTML>
<HEAD>
<TITLE>Creating An Ordered List</TITLE>
</HEAD>
<BODY>
<OL>My Favorite Colors:
<LI>Red
<LI>Green
<LI>Blue
</OL>
</BODY>
</HTML>
My Favorite Colors:
  1. Red
  2. Green
  3. Blue

 

Attribute TYPE can be used to set the format of list items. Instead of using default values, such as 1, 2, and 3, we can set TYPE value to display list items in Roman numerals format or alphabetical format. For example:
<OL TYPE=I> : Displays list items in Roman numerals order
<OL TYPE=A> : Displays list items in uppercase-letter order
<OL TYPE = I>My Favorite Colors
<OL>Red
<LI>Green
<LI>Blue
</OL>
   My Favorite Colors:
  1. Red
  2. Green
  3. Blue