Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 53 - 2633 Trackpad Pro V5.1 Class 7
P. 53

    To create an ordered list starting at a specific number with a custom style, use <ol type="A"
                     start="3">, which will begin the list with C and continue with uppercase letters.

                     Use of TYPE attribute with <OL> tag in HTML.

                     <!DOCTYPE html>
                     <HTML>
                     <HEAD>

                     <TITLE> Ordered List </TITLE></HEAD>
                     <BODY>
                     <H2> List of Fruits that Grow on Trees:</H2>

                     <OL Type="a">
                     <LI>Almonds</LI>
                     <LI>Apples</LI>

                     <LI>Cherries</LI>
                     <LI>Coconuts</LI>
                     <LI>Lychee</LI>

                     <LI>Oranges</LI>
                     <LI>Olive</LI>
                     <LI>Persimmons</LI>
                     </OL>

                     </BODY>

                     </HTML>

                     REVERSED Attribute
                     By  default,  HTML arranges  items  in ascending  order. We  can change  the  order of the  list  in
                     descending order by using the Reversed attribute. Syntax:  <OL REVERSED>

                     To use reversed numbering in an ordered list, the <OL REVERSED> tag will automatically display
                     the list in descending order. If you wish to change the numbering style while keeping it reversed,
                     you can specify the type by using <OL TYPE="" REVERSED>.

                     Use of REVERSED attribute with OL tag in HTML.

                     <!DOCTYPE html>
                     <HTML>

                     <HEAD>
                     <TITLE>Ordered List</TITLE>
                     </HEAD>
                     <BODY>
                     <H2> List of Fruits that Grow on Trees:</H2>
                     <OL Type="a" REVERSED>

                                                                                              Lists and Tables in HTML5  51

| 48 49 50 51 52 53 54 55 56 57 58 |