Page 57 - trackpad v5.1 class 7 flipbook
P. 57

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>





                                                                                          Lists and Tables in HTML5  55
   52   53   54   55   56   57   58   59   60   61   62