In Html we can provide three types of list
- Ordered List
- Unordered List
- Definition List
Ordered List
This list are used to show information where order is important. for this we use ol tag.
inside <ol>..</ol> we use <li> tag.
Syntax
|
1 2 3 4 5 |
<lo> <li>........</li> <li>.........</li> <li>........</li> </ol> |
We can use type attribute to show list number type.
- <ol type=”1″ value=”1″> list start with number 1 and its type is numberic
- <ol type=”1″ value=”5″> list start with number 5 and its type is numberic
- <ol type=”A”> list start with capital letter A
- <ol type=”A” value=”3″> list start with capital letter C
- <ol type=”a”> list will start with small letter a
- <ol type=”I”> list will start with capital roman letter
- <ol type=”i”> list will start with small roman letter
Example:
|
1 2 3 4 5 6 7 8 |
<h2>Top 5 ranking of Students</h2> <ol> <li>Mohan</li> <li>Ramesh</li> <li>Nitesh</li> <li>Nita</li> <li>Manish</li> </ol> |
Output:
Top 5 ranking of Student
- Mohan
- Ramesh
- Nitesh
- Nita
- Manish
Unordered List
This list are used to show information where order is not important. for this we use ul tag.
inside <ul>..</ul> we use <li> tag.
You can use type attribute for showing different list market type.
like <li type=”disc”>, <li type=”circle”> or <li type=”square”>
Example:
|
1 2 3 4 5 6 7 8 |
<h2>Student participation</h2> <ul type="square"> <li>Mohan</li> <li>Ramesh</li> <li>Nitesh</li> <li>Nita</li> <li>Manish</li> </ul> |
Output:
Student participation
- Mohan
- Ramesh
- Nitesh
- Nita
- Manish
Definition List
To provide terms with definition we use definition list
for using definition list we use <dl>..</dl> tag.
Inside dt tag we use <dt>..</dt> for term to define
For definition(description) of term we use <dd>..</dd>
Example:
|
1 2 3 4 5 |
<dl> <dt>Keyboard</dt> <dd>An input device</dd> <dt>Monitor</dt> <dd>An output device</dd> |
Output:
- Keyboard
- An input device
- Monitor
- An output device
We can also use nested list means list inside another list of any kind.