Page 108 - Plus_V2.2_C7_Flipbook
P. 108

Same code with type=’square’

                   <UL TYPE=SQUARE>
                       <LI>Table Tennis
                       <LI>Tennis
                       <LI>Badminton
                   </UL>

                                                                             Unordered list with type as ‘square’
                       Ordered List
                  Ordered lists are lists which have either numbers or letters set for the list items. Ordering is preceded
                  with Arabic numbers, upper case letters, lower case letters or roman numerals in both upper case
                  and lower case.

                  Creating Ordered List
                  Ordered lists are suitable for creating simple outlines or step-by-step instructions. The <OL> tag is
                  used to create an ordered list. Here <OL> means ordered list. The list items are created using <LI> tag.
                  The ‘type’ attribute is used to change the numbering style. This tag is used inside the <OL> tag. The
                  different values the ‘type’ attribute can take are:
                  1 — for Arabic numerals
                  A — Upper case letters like A, B, C…              a — Lower case letter like a, b, c …
                  I — Upper case Roman numerals                     i — Lower case Roman numerals
                  We can also use the ‘start’ attribute inside the <OL> tag to change the beginning value of the list.
                  Now, let us see an example of creating ordered lists using different types of numbering.
                  For example,
                  Note: This code contains all the different types of ordered list. By default, the type is Arabic numeral.


                    <!DOCTYPE html>
                    <HTML>
                    <HEAD> <TITLE>Ordered Lists.html</TITLE> </HEAD>
                    <BODY STYLE="color: blue">
                    <H1> Learning to create ordered lists</H1>
                    <H2> Creating various lists using different attributes of ol tag</H2>
                    <OL>
                        <LI>Table Tennis
                        <LI>Tennis
                        <LI>Badminton
                    </OL>
                    <HR>
                    <OL TYPE=A>
                        <LI>Chocochips
                        <LI>Vanilla
                        <LI>Butterscotch
                    </OL>
                    <HR>
                    </OL>
                    </BODY>
                                                                           Ordered list with all types.
                    </HTML>

                  106   Premium Edition-VII
   103   104   105   106   107   108   109   110   111   112   113