HTML Unordered list basic

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. we need following three tags for implementing on the web pages.

• <ul></ul> This tag define unordered list.
• <li></li> This tag define item for each unordered list

  Click to practice online example
 Syntex
 <ul>
 <li>c-language</li>
 <li>jquery</li>
 <li>html</li>
 </ul>
 

Example

• c-language
• jquery
• html

Note

Squence of unordered list can be changed. Html provides different sequence types. For using these types we need to implement follwoing type attribute with html list.

 Syntex
 <ul type="name of type">
 </ul>
 

If we want circle sequence then we need to set type="circle"

 Syntex
 <ul type="circle">
 <li>c-language</li>
 <li>jquery</li>
 <li>html</li>
 </ul>
 

Example

• c-language
• jquery
• html

Click to practice online example

If we want square sequence then we need to set type="square"

 Syntex
 <ul type="square">
 <li>c-language</li>
 <li>jquery</li>
 <li>html</li>
 </ul>
 

Example

• c-language
• jquery
• html

Click to practice online example

If we want roman small case as sequence then we need to set type="disc"

 Syntex
 <ul type="disc">
 <li>c-language</li>
 <li>jquery</li>
 <li>html</li>
 </ul>
 

Example

• c-language
• jquery
• html

Click to practice online example