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
   155   156   157   158   159   160   161   162   163   164   165