Making of List - Chapter 1

Chapter 1

(This unit will cover advance HTML Structure – Making Lists)

In this chapter we’ll understand exactly:

• What is List?
• Why they are Important?
• Types of List – Ordered & Unordered
• How to use each of the Lists.

What is List?

A List is the number of useful items written together, one below the other. For E.g. your grocery list.

Why they are Important?

Suppose you are making a website related to Food or you are writing an article on famous Foods. Then you need to show your users the Food Dishes in a category of Lists.

Another E.g. Whenever we want to categories any items in ascending/descending order, we use List.

Types of List?

Any List can be written either in ordered form or unordered form.

Ordered List – Any list that is numbered.

Unordered List – Any list that is not numbered, but written in Bullets.

How to use them?

Ordered List – The HTML tag for Ordered List are <ol> and </ol>.  <ol> and </ol> specifies the opening and closing of Ordered List respectively.

To make ordered list, we start with the opening tag <ol>.

To write each individual items within ordered list, we use <li> and</li> tags.

Each list item is written only in one line. That means entire Element is written in one line.

Then to close our Ordered List we use the closing tag </ol>.

An example of Ordered List

Unordered List – If we want to show our users any list in bullet points, we use Unordered List.

The best things about them are they work exactly same as Ordered List but the only difference is in their HTML tags. Instead of <ol> and </ol>, we use <ul> and </ul>.

Rest all things are similar.

An example of Unordered List

For any query related to this topic,please leave comment.

Do not spam as it will be removed.