Page 46 - TP_Prime_V2.2_Class7
P. 46

04

                                                           HTML—LISTS

                                                            AND TABLES


           Prime (Ver. 2.2)-VII                                               Learning Objectives





                                                                              •  Creating Lists
                                                                               •  Creating Tables








          44                      When I was surfing the Internet to find the recipe to prepare tea, I saw that
                                 the  recipe was organise in the form of a list. Can we create lists like that in
                                 HTML?


                                  Of course! We can create different types of lists in HTML. Let's learn how

                                 to create list in HTML.

                  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.
   41   42   43   44   45   46   47   48   49   50   51