Page 52 - TrackpadV5.1_class7
P. 52

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.



                   50   Pro (V5.1)-VII
   47   48   49   50   51   52   53   54   55   56   57