Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 75 - 2612_Digimind
P. 75

    LISTS

                     HTML contains various tags to display items in an organised layout on a web page. We can organise

                     the content on a web page using lists. Lists are used to group related pieces of information together
                     to make it convenient and easy to read. HTML supports three types of list formatting:
                        Ordered List                Unordered List               Description List

                     ORDERED LISTS
                     An ordered list is used when the items in the list are required to be in a particular order and need to
                     be numbered. It is also known as a numbered list. An ordered list is enclosed within the <OL> ... </OL>
                     tag. Each item in the list is given an <LI> tag that specifies the list item. By default, it starts with numbers.

                     Write HTML codes to print an ordered list.
                     <!DOCTYPE html>

                     <HTML>
                     <HEAD>
                     <TITLE> Ordered List </TITLE>
                     </HEAD>
                     <BODY>
                     <H2> List of Fruits that Grow on Trees:</H2>
                     <OL>
                     <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>

                     TYPE Attribute
                     We can change the default item marking of an ordered list to letters and Roman numerals by

                     using the TYPE attribute. Syntax:  <OL TYPE = "Value">
                     The different values of the TYPE attribute are:
                       1: The items on the list will be marked in numbers.
                       A: The items on the list will be marked in uppercase letters.

                       a: The items on the list will be marked in lowercase letters.
                       i: The items on the list will be marked in lowercase Roman numerals.
                       l: The items on the list will be marked in uppercase Roman numerals.

                                                                                              Lists and Tables in HTML5  73

| 70 71 72 73 74 75 76 77 78 79 80 |