Ordered Lists

Selena Sol

Ordered lists allow you to create lists with various bullet styles which reflect the level of hierarchy.
The basic ordered list involves three tags
The <OL> tag is used to open a list. The <LI> tag is used to signify a list element, and the </OL> tag is used to end a list.
For example, the following code could be used to create a list:


	<HTML>
	<HEAD>
	<TITLE>Ordered List</TITLE>
	</HEAD>
	<BODY>
	<B>Food</B>

	<OL>
	<LI>Vegetables

	<OL>
	<LI>Broccoli
	<LI>Carrot
	<LI>Pea
	</OL>

	<LI>Meat

	<OL>

	<LI>Chicken
	<LI>Beef
	<LI>Pork
	</OL>

	</OL>
	</BODY>
	</HTML>

The previous code would produce the following HTML list. Notice that the bullets are numbered according to their level in the hierarchy:

Food

Vegetables
1. Broccoli
2. Carrot
3. Pea
Meat
1. Chicken
2. Beef
3. Pork

Modifying the Bullet

You can modify the look of the bullets by using the TYPE [1] or START [2] attributes in the <OL> tag.
The TYPE attribute supports the following values: A, a, I, i, or 1.
The START attribute specifies at what point to start counting from.
Below is some code that demonstrates the usage of the TYPE and START attributes.

	<HTML>
	<HEAD>
	<TITLE>Ordered List</TITLE>
	</HEAD>
	<BODY>
	<B>Food</B>

	<OL TYPE = "A">
	<LI>Vegetables

	<OL TYPE = "a">
	<LI>Broccoli
	<LI>Carrot
	<LI>Pea
	</OL>

	<LI>Meat

	<OL TYPE = "a" START = "2">

	<LI>Chicken
	<LI>Beef
	<LI>Pork
	</OL>

	</OL>
	</BODY>
	</HTML>