Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 29 - 2615_KEC
P. 29

    LISTS AND                                                                                CHAPTER

                     TABLES IN HTML5                                                                         A3

                        Learning Outcomes

                       The student will be able to:
                           create and use ordered, unordered, description and nested lists.
                           structure and format tables using HTML and CSS.

                               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.

                     An 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>

                                                                                              Lists and Tables in HTML5  27

| 24 25 26 27 28 29 30 31 32 33 34 |