HTML Unordered List | HTML Bulleted List

HTML Unordered List or Bulleted List displays elements in bulleted format. 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.

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

HTML Unordered List Example

<ul>
 <li>HTML</li>
 <li>Java</li>
 <li>JavaScript</li>
 <li>SQL</li>
</ul>

Test it Now

Output:

HTML
Java
JavaScript
SQL

ul type="circle"

<ul type="circle">
 <li>HTML</li>
 <li>Java</li>
 <li>JavaScript</li>
 <li>SQL</li>
</ul>

Test it Now

Output:

HTML
Java
JavaScript
SQL

ul type="square"

<ul type="square">
 <li>HTML</li>
 <li>Java</li>
 <li>JavaScript</li>
 <li>SQL</li>
</ul>

Test it Now

Output:

HTML
Java
JavaScript
SQL

ul type="none"

<ul type="none">
 <li>HTML</li>
 <li>Java</li>
 <li>JavaScript</li>
 <li>SQL</li>
</ul>

Test it Now

Output:

HTML
Java
JavaScript
SQL

Supporting Browsers

Element	Chrome	IE	Firefox	Opera	Safari
<ul>	Yes	Yes	Yes	Yes	Yes

Next TopicHTML Description List

← prev next →

HTML Tutorial

HTML Tags

HTML5 Tutorial

HTML Color Names

Interview Questions

HTML Unordered List | HTML Bulleted List

HTML Unordered List Example

ul type="circle"

ul type="square"

ul type="none"

Supporting Browsers