Page 88 - ConceptGP_C7_Fb
P. 88

Write HTML code to create a nested list.

                  <!DOCTYPE html>
                  <HTML>
                  <HEAD><TITLE> Nested List</TITLE></HEAD>
                  <BODY>
                  <H1>List of Fruits and Vegetables</H1>

                  <OL>
                  <LI> List of Fruits
                      <UL>
                      <LI>Apple</LI>
                      <LI>Watermelon</LI>
                      <LI>Orange</LI>
                      <LI>Strawberry</LI>

                      </UL>
                  <LI> List of Vegetables
                      <UL>
                      <LI>Mushroom</LI>
                      <LI>Potato</LI>
                      <LI>Carrot</LI>
                      <LI>Sweet Potato</LI>
                      </UL>
                  </OL>

                  </BODY> </HTML>



                       Tick ( ) if you know this.
                       ▶  An ordered list is a list of items where the sequence is very important.

                       ▶  An unordered list is a list of items where the sequence of the list is not significant.


                  LIST WITH CSS

                  We can make a list attractive using CSS properties. The default type of bullet that appears in an
                  unordered list is a disc. CSS properties for lists are:



                         Property                     Value                             Description



                     list-style-image     url                               Set a picture or image as a list item

                     list-style-position  inside, outsides                  Specify the position of list item
                     list-style-type      disc, circle, square, none        Specify the style of bullets for list item





                   86   Premium Edition-VII
   83   84   85   86   87   88   89   90   91   92   93