HTML list basic

Webpage is a way to represent information. Sometimes if we want detail in point by point basis then we need to implement list. List in html provides convinent way to represent information. It is divided into three different categories.

• Ordered List
• Unordered List
• Definition List

Ordered List : 

If we want to represent list in number format then we use ordered list. we can use both numberic and alphabetic sequence for this type of list.

 Syntex
 <ol>
 <li>c-language</li>
 <li>jquery</li>
 <li>html</li>
 </ol>
 

Click to practice online example

Unordered List : 

If we want to represent list in non-number format then we use unordered list. we can use diffenent (bullet, square, circle) sequence for this type of list.

 Syntex
 <ul>
 <li>c-language</li>
 <li>jquery</li>
 <li>html</li>
 </ul>
 

Click to practice online example

Definition List : 

If we want to represent title with each list item then we use definition list.

 Syntex
 <dl>
 <dt>c-language</dt>
 <dd>basic of c</dd>
 <dt>jquery</dt>
 <dd>basic of jquery</dd>
 <dt>html</dt>
 <dd>basic of html</dd>
 </dl>
 

Click to practice online example