HTML Unordered List | HTML Bulleted List

The ordered list start with <ul> tag and list items start with <li> tag.

All the lists in HTML are marked with bullets by default.

HTML Unordered List is also known as Bulleted List.

Types of HTML Unordered List

  • disc
  • circle
  • square
  • none
Type Description
disc This is the default style. In this style, the list items are marked with bullets.
circle The list items display as marked with circles.
square The list items display as marked with squares.
none The list items are not marked .

HTML Unordered List Example

<ul>  
 <li>HTML</li>  
 <li>CSS</li>  
 <li>JavaScript</li>  
 <li>PHP</li>  
</ul>
  Try it Yourself

Unordered List type="circle"

<ul type="circle" >  
 <li>HTML</li>  
 <li>CSS</li>  
 <li>JavaScript</li>  
 <li>PHP</li>  
</ul>
  Try it Yourself

Unordered List type="square"

<ul type="square" >  
 <li>HTML</li>  
 <li>CSS</li>  
 <li>JavaScript</li>  
 <li>PHP</li>  
</ul>
  Try it Yourself

Unordered List type="none"

<ul type="none" >  
 <li>HTML</li>  
 <li>CSS</li>  
 <li>JavaScript</li>  
 <li>PHP</li>  
</ul>
  Try it Yourself
Note : The type attribute is not supported in HTML5 version, instead of type we can use CSS property of list-style-type. the below example to show the CSS property for ul tag.
<ul style="list-style-type: square;" >  
 <li>HTML</li>  
 <li>CSS</li>  
 <li>JavaScript</li>  
 <li>PHP</li>  
</ul>
  Try it Yourself
Element Chrome Browser Chrome ie browser IE firefox Firefox opera Opera safari Safari
<ul> Yes Yes Yes Yes Yes