Lists can be very powerful in execution. There are three types of lists:
- ordered lists
- unordered lists
- definition lists
Ordered List
when an ordered list is displayed in a Web browser, it uses an automatically generated sequence of item markers. An ordered list is a list of items which are marked by the numbers in an ordered way. A <ol> tag is used to define a ordered list.The list begins and ends with the tags <ol> and </ol> respectively. An item in the ordered list starts with the <li> tag. A <li> tag can contains line breaks, paragraphs, other lists etc.
Example :-
<html>
<body>
<h4> Example of Ordered List :- </h4>
<ol>
<li>January</li>
<li>February</li>
<li>March</li>
<li>April</li>
</ol>
</body>
</html>
Unordered List
A list of items, each one preceded by a "bullet" (a distinctive character; typically, a small black circle). A <ul> tag is used to define a unordered list. The list begins and ends with the tags <ul> and </ul> respectively. An item in the unordered list starts with <li> tag same as ordered list.
Example :-
<html>
<body>
<h4> Example of Unordered List :- </h4>
<ul>
<li>January</li>
<li>February</li>
<li>March</li>
<li>April</li>
</ul>
</body>
</html>
<li> tag can contains pragraphs, sublists etc.
Example of Nested List :-
<html>
<body>
<ul>
<li>January
<li>February
<li>March
<ul>
<li>Sunday
<li>Monday
<li>Tuesday
</ul>
<li>April
<li>May
</ul>
</body>
</html>
Output :-
Definition List
Unlike the ordered and unordered lists, definition lists are not based on list items. They are based on term-definition pairs. A definition lists begin and end with the tags <dl> and </dl>. A definition-list term starts with the <dt> tag and a definition-list definition starts with the <dd> tag.
Example :-
<html>
<body>
<h4>Output of example:-</h4>
<dl>
<dt>Amit Gautam</dt>
<dd>My best friend in the world.</dd>
<dt>Yatendra singh</dt>
<dd>My enemy on the earth.</dd>
</dl>
</body>
</html>
List Tags with attributes
| Tag |
Attribute |
Description |
| <div> |
|
A regin of text to be formatted. |
|
align |
Align text to center, left or right. (Can also be used with <p>, <h1>, <h2>, and so on) |
| <ol> |
|
An ordered (numbered) list. |
|
type |
The type of numerals used to lable the list. Possible values are A, a, I, i, 1. |
|
start |
The value with which to start the list. |
| <ul> |
|
An unordered (bulleted) list. |
|
type |
The bullet dingbat used to mark list items. Possible values are disc, circle and square. |
| <li> |
|
A list item for use with <ol> or <ul>. |
|
type |
The type of bullet or number used to label this item. Possible values are disc, circle, square, a, A, i, I, 1. |
|
value |
The numeric value this list item should have. |
| <dl> |
|
A definition list. |
| <dt> |
|
A definition term, as part of definition list. |
| <dd> |
|
The corresponding definition to a definition term, as part of the definition list |