HTML Unordered List

HTML Unordered List or Bulleted List displays elements in bulleted format . We can use unordered list where we do not need to display items in any particular order. The HTML ul tag is used for the unordered list. There can be 4 types of bulleted list:

  • disc
  • circle
  • square
  • none

 To represent different ordered lists, there are 4 types of attributes in <ul> tag.


 

HTML Unordered List Example

 Example

<!DOCTYPE html>
<html>
<title>HTML Tutorials</title>
<body>
<ul>  
    <li>Computer Fundamental</li>  
     <li>C Programming</li>  
     <li>C++ Programming</li>  
     <li>Python Programming</li>
    </ul>  
</body>
</html>

Output

 

 

ul type="circle"

Example

<!DOCTYPE html>
<html>
<title>HTML Tutorials</title>
<body>
<ul type="circle">
    <li>Computer Fundamental</li>  
     <li>C Programming</li>  
     <li>C++ Programming</li>  
     <li>Python Programming</li>
    </ul>  
</body>
</html>

 Output

 

 

ul type="square"
 
Example
 
<!DOCTYPE html>
<html>
<title>HTML Tutorials</title>
<body>
<ul type="square">
    <li>Computer Fundamental</li>  
     <li>C Programming</li>  
     <li>C++ Programming</li>  
     <li>Python Programming</li>
    </ul>  
</body>
</html>
 
Output

 

 

 

ul type="none"
 
Example
 
<!DOCTYPE html>
<html>
<title>HTML Tutorials</title>
<body>
<ul type="none">
    <li>Computer Fundamental</li>  
     <li>C Programming</li>  
     <li>C++ Programming</li>  
     <li>Python Programming</li>
    </ul>  
</body>
</html>

Output
 

No comments:

Post a Comment