Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 31 - 2615_KEC
P. 31

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

                     UNORDERED LISTS
                     An unordered list is used when the items in the list are not required to be in a specific order. It is

                     also called a bulleted list. An unordered list is enclosed within the <UL> ....... </UL> tag. Each item
                     in the list is given an <LI> tag, which specifies the list item.

                     An HTML codes to print an unordered list:

                     <!DOCTYPE html>
                     <HTML>

                     <HEAD>
                     <TITLE> Unordered List </TITLE> </HEAD>

                     <BODY>
                     <H2>People working in the field of public health:</H2>

                                                                                              Lists and Tables in HTML5  29

| 26 27 28 29 30 31 32 33 34 35 36 |