Page 159 - Web Applications (803) Class 11
P. 159

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……..

                 Let us use the <OL> tag.

                 <!DOCTYPE html>
                 <HTML>
                 <HEAD> <TITLE> Ordered List or Numbered List </TITLE> </HEAD>
                 <BODY>
                 <B> Cup of Tea </B>
                 <HR>
                 Steps to make a cup of Tea.
                 <OL>
                 <LI> Take 3/4 cup of water and boil it in kettle.
                 <LI> Add a table spoon sugar.
                 <LI> Add 1/4 cup of milk.
                 <LI> Pour the tea into a cup.
                 <LI> Add a tea bag.
                 </OL>
                 </BODY>
                 </HTML>
















                                                                            Website Development using HTML and CSS   157
   154   155   156   157   158   159   160   161   162   163   164