Page 93 - Touchpad_Plus_V3.2_Class 7
P. 93

8                  Lists and Tables in HTML

















                                Your Aim

                                to learn about:
                                         Creating Lists              Creating Tables



                 Similar to MS Word, you can also create different types of lists and tables on the web pages in
                 HTML5. In the previous chapter, you have learnt the basic tags of HTML and their attributes. In
                 this chapter, you will learn how to create lists and tables in HTML5.

                     CREATING LISTS

                 A list is a collection of related items that can be used to represent information in pointed form.
                 In our daily routine, we have to write many things, such as a list of items required for a festival
                 and a list of steps to make a dish. The list feature of HTML5 allows us to display this type of
                 information on the web page in an organised manner. There are three types of lists named
                 ordered list, unordered list and definition list that can be created in HTML5 to display the
                 items in the form of list.
                 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,  lower-roman,
                                                                             Specifies  the  type  of  the  list  item
                 list-style-type     upper-roman
                                                                             marker.
                                     For unordered list: disc, circle,
                                     square
                                                                             Specifies an image to be used as the
                 list-style-image    URL of the image                        list item marker instead of the default
                                                                             marker.
                                                                             Specifies  the  color  of  the  list  item
                 list-style-color    Colour name
                                                                             marker.



                                                                                      Lists and Tables in HTML       91
   88   89   90   91   92   93   94   95   96   97   98