HTML Unordered List | HTML Bulleted 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.
| 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 . |
Example
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head><body>
<h4>Unorder list of type="none"</h4>
<ul type="none">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul><hr>
<h4>Unorder list of default type</h4>
<ul>
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul><hr>
<h4>Unorder list of type="square"</h4>
<ul type="square">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul><hr>
<h4>Unorder list of type="circle"</h4>
<ul type="circle">
<li>HTML</li>
<li>Java</li>
<li>JavaScript</li>
<li>SQL</li>
</ul>
</body>
</html>
Output:
Unorder list of type="none"
- HTML
- Java
- JavaScript
- SQL
Unorder list of default type
- HTML
- Java
- JavaScript
- SQL
Unorder list of type="square"
- HTML
- Java
- JavaScript
- SQL
Unorder list of type="circle"
- HTML
- Java
- JavaScript
- SQL
