Page 160 - Web Applications (803) Class 11
P. 160
Unordered Lists
An unordered list is also called bulleted list. This type of list is generally used to display random items which never
require to place in a sequential manner. The <UL> tag is used to define an unordered list. The <UL> tag has only TYPE
attribute which describe the type of bullet style will appear with list items. There are three bullet styles that can be
used in an unordered list.
Disc
o Circle
Square
The default bullet style is Disc in HTML. Let us use the <UL> tag to create an unordered list:
<!DOCTYPE html>
<HTML>
<HEAD> <TITLE> Unordered List or Bulleted List </TITLE> </HEAD>
<BODY>
<B> Winter Clothes </B>
<HR>
<UL>
<LI> Sweaters
<LI> Woollen Caps
<LI> Gloves
<LI> Jackets
</UL>
</BODY>
</HTML>
Every list has the ability to be placed inside another list. For example, an ordered list can be nested inside an unordered
list and vice-versa. Ensure that the inner and outer list tags should be properly closed while creating nested list.
<HTML>
<HEAD> <TITLE> Nesting of Lists </TITLE> </HEAD>
<BODY>
<B> Fruits and Vegetables </B> <BR>
<UL TYPE = "square">
<LI> Fruits </LI>
<UL>
<LI> Mango </LI>
<LI> Grapes </LI>
</UL>
<LI> Vegetables </LI>
<UL>
<LI> Potato </LI>
<LI> Onion </LI>
</UL>
</BODY>
</HTML>
158 Touchpad Web Applications-XI

