Page 71 - 2611_SmartGPT Pro V(5.0) C-7
P. 71
In this chapter, we will learn how to organise information on websites using lists and tables in
HTML5. These tools help us present content in a neat and easy-to-read format.
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>
<LI>Oranges</LI>
<LI>Olive</LI>
<LI>Persimmons</LI>
</OL>
</BODY>
</HTML>
Lists and Tables in HTML5 69
