Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 35 - 2625 PortGPt V2.1
P. 35

    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.

                     The START attribute accepts only integer values.
                     Below table shows different examples of the TYPE attribute:

                                  TYPE          Numbering/Alphabetical Scheme                  Examples

                                    A      Uppercase letters                             A,B,C,D…..
                                    a      Lowercase letters                             a,b,c,d……

                                    I      Uppercase Roman numbers                       I, II, III, IV…
                                    i      Lowercase Roman numbers                       i, ii, iii, iv…

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

                     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>

                            <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>
                                                                                                  Ordered list

                                                                                             Lists and Tables in HTML5  33

| 30 31 32 33 34 35 36 37 38 39 40 |