It is suitable for listing items where the order doesn't matter. In this tutorial, we will learn how to create an unordered list in HTML.

Key Points

• No specific sequence is required.
• Typically displayed as bullet points.
• Defined using the <ul> tag.
• Individual items use the <li> tag.

Syntax of an Unordered List

<ul>
  <li>Pen</li>
  <li>Pencil</li>
  <li>Eraser</li>
</ul>

Output of an Unordered List

• Pen
• Pencil
• Eraser

Customizing Bullet Points with 'type' Attribute

You can specify the style of bullet points using the type attribute. It supports three values:

• disc (default bullet style)
• square
• circle

Example Using Square Bullets

<ul type="square">
  <li>Red</li>
  <li>Green</li>
  <li>Blue</li>
</ul>

Output of Square Bullets

▪ Red
▪ Green
▪ Blue

Example Using Circle Bullets

<ul type="circle">
  <li>Apple</li>
  <li>Orange</li>
  <li>Banana</li>
</ul>

Output of Circle Bullets

◦ Apple
◦ Orange
◦ Banana

Conclusion

In this tutorial, we learned how to create an unordered list in HTML. We also explored customizing bullet points using the type attribute. Unordered lists are ideal for displaying items where the order doesn't matter.