Page 110 - iPlus_Ver_2.0_class_7
P. 110

Lists and Tables in



                     HTML
                                                                                           9













                          Learning Outcomes


                              Creating Lists                                  Creating Tables






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

                   i +   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 list of items required for a festival and list
                  of steps to make a dish. List feature of HTML 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 HTML to display the items in the form of list. Let us
                  learn about these in detail.

                  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:

                  • <OL Type ="A"> - will start the list from A.
                  • <OL Type ="a" Start=”4”> - will start the list from d.

                  • <OL Type ="1" Start=”25”> - will start the list from 25.






                   108
                         iPlus (Ver. 2.0)-VII
   105   106   107   108   109   110   111   112   113   114   115