In this topic we will learn another great property of HTML which is making list of data in our page. There are two types of list available: ordered list and un-ordered list.
The basic difference between these two is that just like by its name unordered there be will be no numbering or alphabets to represent its sequence where as in ordered list there are numbers by default to represent the sequence of items in list
<html>
<head>
<title>HTML LIST TAGS</title>
</head>
<body>
<h3>Un Ordered List</h3>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
</body>
</html>
The basic difference between these two is that just like by its name unordered there be will be no numbering or alphabets to represent its sequence where as in ordered list there are numbers by default to represent the sequence of items in list
Unordered List:
<ul> tag is used for unordered list. Each item of unordered list starts with <li> tag. We can also give inline styling to change the design of bullets, but we will discuss the styling with details in our CSS tutorials.
Ordered List:
<ol> tag is used for ordered list. Each item of ordered list starts with <li> tag. We can also give inline styling to change the numbers in to alphabets or in roman numbers.<html>
<head>
<title>HTML LIST TAGS</title>
</head>
<body>
<h3>Un Ordered List</h3>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
</body>
</html>
No comments:
Post a Comment