|
|
Introducton to Web Design
|
|
|
|
|
- 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>Unordered 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
- Broccoli
- Carrot
- Pea
- Meat
- Chicken
- Beef
- Pork
Modifying the Bullet
- You can modify the look of the bullets by using the TYPE or START
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>Unordered 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>
- The previous code would appear as follows:
Food
- Vegetables
- Broccoli
- Carrot
- Pea
- Meat
- Chicken
- Beef
- Pork
- Notice that in this circumstance, the case of the TYPE argument
matters.
Previous Page |
Next Page
|
|
