An HTML unordered list is used to display a list of items where the order does not matter. It is created using the <ul> (unordered list) tag, and each list item is placed inside an <li> (list item) tag.
Syntax
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Example
<!DOCTYPE html>
<html>
<head>
<title>Unordered List Example</title>
</head>
<body>
<h2>My Favorite Fruits</h2>
<ul>
<li>Apple</li>
<li>Banana</li>
<li>Mango</li>
<li>Orange</li>
</ul>
</body>
</html>
Output
- Apple
- Banana
- Mango
- Orange
Types of Bullets
You can change the bullet style using CSS:
<ul style="list-style-type: disc;">
<li>Disc</li>
</ul>
<ul style="list-style-type: circle;">
<li>Circle</li>
</ul>
<ul style="list-style-type: square;">
<li>Square</li>
</ul>
<ul style="list-style-type: none;">
<li>No Bullet</li>
</ul>
Common Bullet Styles
- disc (default) ●
- circle ○
- square ■
- none (no bullet)
Key Points
-
<ul>defines an unordered (bulleted) list. -
<li>defines each list item. - Unordered lists are used when the sequence of items is not important.
-
Bullet styles can be customized using the CSS
list-style-typeproperty.
0 Comments