Page 66 - modular_v2.0_HTML&_CSS_Fb
P. 66

5                                                                  LISTS IN HTML














                                       Your Aim

                                       to learn about:
                                           l     CSS List Properties     l    Ordered List
                                             l    Unordered List         l    Definition List


                  A list is a collection of related items that can be used to represent information in an ordered
                  manner. In our daily routine, we may have to write many things such as the names items required
                  for a festival or the steps to prepare  a dish. Lists  in HTML allows us to display the type of
                  information on the web page in an organised manner.
                  There are three types of lists namely ordered list, unordered list and definition list. Let us learn
                  about these in detail.

                     CSS LIST PROPERTIES

                  CSS list properties are used to change the appearance of ordered and unordered lists in HTML5.
                  These properties with their values are given in the following table:

                      Property                    Value                                  Description

                                    For ordered list: decimal,
                                    lower-alpha, upper-alpha,
                   list-style-type  lower-roman, upper-roman             Specifies the type of the list item marker.
                                    For unordered list: disc, circle,
                                    square
                   list-style-                                           Specifies an image to be used as the list
                                    URL of the image
                   image                                                 item marker instead of the default marker.

                   list-style-color Colour name                          Specifies the colour of the list item marker.

                     ORDERED LIST

                  An ordered list is also called the numbered list. This type of list is used to display the items in
                  a sequential manner. For example, steps in an algorithm, etc. In HTML, the <OL> tag is used
                  to create an ordered list. The <LI> tag is used to define an item in the list. It can be used as an
                  empty tag as well as a container tag. The <OL> tag have two attributes named TYPE and START

                  which you can use in the following way:
                   64
                          Touchpad MODULAR (Ver. 2.0)
   61   62   63   64   65   66   67   68   69   70   71