Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 34 - 2615_KEC
P. 34

    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;">

                      An 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>

                                         Subject: Create a line break
                                         To create a line break, we can use <LI> tag which automatically creates a line break.
                                         We can also put paragraph, line breaks, images, links, other lists, etc. within this list.

                       32   Premium Edition-VII

| 29 30 31 32 33 34 35 36 37 38 39 |