Page 112 - TP_iPlus_V2.1_Class7
P. 112

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 is a container tag. The <OL> tag has two
                  attributes named START and TYPE. You can use the START attribute in the following way:

                  •   <OL START="1"> - will start the list from 1 if the list-style-type property is set to decimal. By
                     default, HTML starts from 1 if the START attribute is not specified.
                  • <OL Start="4"> - will start the list from d if the list-style-type property is set to lower-alpha.

                  • <OL Start="5"> - will start the list from E if the list-style-type property is set to upper-alpha.
                  • <OL Start="2"> - will start the list from ii if the list-style-type property is set to lower-
                     roman.

                  • <OL Start="4"> - will start the list from IV if the list-style-type property is set to upper-
                     roman.
                  The START attribute accepts only integer values.

                  Let us use the <OL> tag.

                  <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 STYLE="list-style-type:decimal;">
                    <LI> Take 3/4 cup of water and boil it in kettle. </LI>

                    <LI> Add a table spoon sugar. </LI>

                    <LI> Add 1/4 cup of milk. </LI>
                     <LI> Pour the tea into a
                     cup. </LI>

                    <LI> Add a tea bag. </LI>
                  </OL>

                  </BODY>
                  </HTML>






                  However, the list style can be specified by the TYPE attribute, like 1, a, A, i, or I.




                   110
                         iPlus (Ver. 2.1)-VII
   107   108   109   110   111   112   113   114   115   116   117