Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 20 - 2606_PlugGPT_C7_Flipbook
P. 20

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

                       18   Premium Edition-VII

| 15 16 17 18 19 20 21 22 23 24 25 |