Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 52 - 2633 Trackpad Pro V5.1 Class 7
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   Premium Edition-VII

| 47 48 49 50 51 52 53 54 55 56 57 |