Page 30 - KEC Khaitan C7 Flipbook
P. 30

LISTS AND                                                                              CHAPTER


                  TABLES IN HTML5                                                                       A3

















                     Topics Covered


                     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.

                  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>


                   28   Premium Edition-VII
   25   26   27   28   29   30   31   32   33   34   35