Page 39 - Modular_V1.1_Flipbook
P. 39

04                               LISTS IN HTML


















                                      Your Aim

                                      to learn about:
                                          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 this 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.

                     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.
                    <OL TYPE ="I" START="2"> - will start the list from II.
                    <OL TYPE ="i" START="4"> - will start the list from iv.
                 Below table shows different examples of the TYPE attribute:


                                 TYPE       Numbering/Alphabetical Scheme                Examples
                                   A      Upper Case letters                         A,B,C,D…..

                                   a      Lower Case letters                         a,b,c,d……

                                   I      Upper Case Roman numbers                   I, II, III, IV…
                                   i      Lower Case Roman numbers                   i, ii, iii, iv…

                                   1      Numbers                                    1,2,3, 4……..


                                                                                                  Lists in HTML   37
   34   35   36   37   38   39   40   41   42   43   44