HTML Unordered List

Unordered list creat with the <ul> tag and each list item starts with the <li> tag. Unordered list items will be marked with bullets.

Example:

<h2>unordered list</h2>
<ul>
 <li>Java</li>
 <li>JAVASCRIPT</li>
 <li>CSS</li>
</ul>

OUTPUT:

Different types of unordered lists:

1. disc
2. circle
3. square
4. none

1. Disc:

Sets the unordered list item marker to a bullet.

Example:

<h2>Unordered List with Disc Bullets</h2>
<ul style="list-style-type:disc;">
 <li>JAVA</li>
 <li>CSS</li>
 <li>BOOTSTRAP4</li>
 <li>HTML 5</li>
</ul>

OUTPUT:

2. Circle:

Example:

<h2>Unordered List with Circle Bullets</h2>
<ul style="list-style-type:circle;">
 <li>JAVA</li>
 <li>CSS</li>
 <li>BOOTSTRAP4</li>
 <li>HTML 5</li>
</ul>

OUTPUT:

3. Square:

Example:

<h2>Unordered List with Square Bullets</h2>
<ul style="list-style-type:square;">
 <li>JAVA</li>
 <li>CSS</li>
 <li>BOOTSTRAP4</li>
 <li>HTML 5</li>
</ul>

OUTPUT:

4. None:

Example:

<h2>Unordered List without Bullets</h2>
<ul style="list-style-type:none;">
 <li>JAVA</li>
 <li>CSS</li>
 <li>BOOTSTRAP4</li>
 <li>HTML 5</li>
</ul>

OUTPUT: