Page 44 - TP_V5.1_C7_fb
P. 44

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


                  The syntax for using the list-style-type property is:
                  <ul style="list-style-type: value; list-style-image: url('url path'); list-style-position: value;">

                  Write HTML code to create a list by using properties of CSS.

                  <!DOCTYPE html>

                  <HTML>

                  <HEAD>
                  <TITLE> List</TITLE></HEAD>

                  <BODY>

                  <H2>Types of Pollution:</H2>

                  <UL style="list-style-type:square">

                  <LI>Air Pollution</LI>

                  <LI>Water Pollution</LI>
                  <LI>Noise Pollution</LI>

                  <LI>Soil Pollution</LI>

                  </UL>

                  </BODY>

                  </HTML>





                   42   Premium Edition-VII
   39   40   41   42   43   44   45   46   47   48   49