Page 67 - Computer - 8
P. 67

Knowledge Discovery                                                               Subject Enrichment

               A list item (<li>) can contain a new list or other HTML elements, such as text, images, and links.



          Types of Lists
          HTML provides three kinds of lists to specify information on a web
          page:

            (a)  Unordered list  (b) Ordered list      (c) Description list

          Unordered List
          An Unordered list, also called a Bulleted list, is a list of related items in which the order of items is not
          important. It uses a bullet in front of each item in the list.

          Unordered List Tag <ul>...</ul>
          An Unordered list is created  with the <ul> and </ul> tags are used to create an unordered list. The <li>

          and </li> tags are used to specify each item in the list. By default, a solid circle appears as bullet in front
          of each list item.
          The list properties used for an unordered list are described in the given table.


               Property               Description                Value(s)                      Example

           list-style-type     Lets you specify the        disc (default)        list-style-type: none
                               type of bullet used         none                  list-style-type: circle
                               for the list item           circle                list-style-type: square
                               marker.                     square

           list-style-position Lets you specify the        outside (default)     list-style-position: outside
                               position of the list        inside                list-style-position: inside
                               item marker


           list-style-image    Lets you specify the        None                  list-style-image: URL(‘hand.png’)
                               image to be used for        URL of the image
                               the list item marker.       file

           list-style          Lets you specify all        list-style-type       list-style: circle outside
                               the list properties in      list-style-position
                               one declaration.            list-style-image




                 Knowledge Discovery                                                               Subject Enrichment

               The disc type specifies a solid circle • bullet, circle type specifies a hollow circle   bullet, and square type
               specifies a square  bullet for the list elements.



                                                                                                              65
   62   63   64   65   66   67   68   69   70   71   72