Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 108 - 2626_South Point_C-7
P. 108

    Same code with type=’square’

                       <!DOCTYPE HTML>
                       <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 |