Page 112 - CodePilot V5.0 C7

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