Page 93 - TechPluse_C7_Flipbook
P. 93

The default bullet style is Disc in HTML. Let us use the <UL> tag to create an unordered list:

                 <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>
                                                                                 Unordered list
                 </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>

                 <OL>
                 <LI> Fruits
                 <UL>

                 <LI> Mango
                 <LI> Grapes
                 </UL>

                 <LI> Vegetables
                 <UL>
                 <LI> Potato
                 <LI> Onion
                                                                                    Nested list
                 </UL>
                 </OL>
                 </BODY>

                 </HTML>

                                                                                      Lists and Tables in HTML       91
   88   89   90   91   92   93   94   95   96   97   98