Unordered Lists
- Unordered lists allow you to create lists with various bullet
styles. However, those bullets are images, and thus, do not reflect
the level of hierarchy except visually.
- The basic unordered list involves three tags
- The <UL> tag is used to open a list. The <LI> tag is
used to signify a list element, and the </UL> 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>
<UL>
<LI>Vegetables
<UL>
<LI>Broccoli
<LI>Carrot
<LI>Pea
</UL>
<LI>Meat
<UL>
<LI>Chicken
<LI>Beef
<LI>Pork
</UL>
</UL>
</BODY>
</HTML>
- The previous code would produce the following HTML list:
Food
Modifying the Bullet [1]
- You can modify the look of the bullets by using the TYPE attribute
in the <UL> tag.
- The TYPE attribute supports the following VALUES: CIRCLE, DISC, or
SQUARE
- Below is some code that demonstrates the usage of the TYPE
attribute.
<HTML>
<HEAD>
<TITLE>Unordered List</TITLE>
</HEAD>
<BODY>
<B>Food</B>
<UL TYPE = "SQUARE">
<LI>Vegetables
<UL TYPE = "DISC">
<LI>Broccoli
<LI>Carrot
<LI>Pea
</UL>
<LI>Meat
<UL>
<LI>Chicken
<LI>Beef
<LI>Pork
</UL>
</UL>
</BODY>
</HTML>
- The previous code would appear as follows:
Food
Lists
Introduction to Web Design | Table of Contents
Ordered Lists
|
