Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 112 - CodePilot V5.0 C7
P. 112

    BRIDGE BACK

                       1.  What should you create before going shopping for your monthly groceries?
                       2.  What can you do if you want to plan to complete your holiday homework throughout the week,

                          dedicating time to each subject?

                      In the previous chapter, you learnt how to enhance the look of a web page by adding links, images,
                      audio and videos. You are now going to learn more about data presentation in a systematic and
                      well-organised manner.

                      The data is not always in a paragraph format. It may be in the form of a table or points. To display
                      such data effectively on a web page, you are required to add a list or a table.

                             INSERTING LISTS IN HTML5

                      A list is a collection of related items shown in bulleted or numbered form. In HTML, lists present
                      data in an organised and readable way. There are three types:

                          Ordered list: Items are numbered in sequence.

                          Unordered list: Items use bullets or symbols.

                          Description list: Shows terms with their descriptions (also called a definition list).

                      The lists look like the table below on a web page:

                             Ordered              Unordered             Definition
                        An ordered list:      An unordered list:    A definition list:
                        1.  First item        •  First item         Term1

                        2.  Second item       •  Second item            Definition 1       In HTML5, there are 5 types to
                        3.  Third item        •  Third item         Term2                  declare ordered lists.
                        4.  Fourth item       •  Fourth item            Definition 2

                      ORDERED LIST

                      An ordered list in HTML uses the <OL> tag with <LI> items, displaying them in numbers or letters.
                      It’s used for steps, instructions or rankings where order matters.

                      You can change the numbering style and starting point of a list using the TYPE and START
                      attributes.

                       110
                            CodePilot (V5.0)-VII

| 107 108 109 110 111 112 113 114 115 116 117 |