Page 46 - Chinmaya_C7_flipbook
P. 46

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 so that it is 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.



                   44   Premium Edition-VII
   41   42   43   44   45   46   47   48   49   50   51