Unordered Lists
An unordered list is used to group a set of unrelated items. Items in an unordered list are marked with bullets (also called a bulleted list) instead of numbers.
Syntax:
Unordered lists start with the <ul> (unordered list) tag, and each list item is wrapped inside an <li> (list item) tag.
Example: Unordered List in HTML
Output:
type Attribute in Unordered Lists
The type attribute is used to define the style of bullet points in the unordered list.
Here are the available options.
1. type="disc" (Default Bullets)
Example:
Syntax:
Unordered lists start with the <ul> (unordered list) tag, and each list item is wrapped inside an <li> (list item) tag.
<ul><li>Line 1</li><li>Line 2</li><li>Line 3</li></ul>
<!DOCTYPE html><html><head><title>Unordered List</title></head><body><h3>Unordered List Example</h3><ul><li>Cat</li><li>Dog</li><li>Cow</li></ul></body><html>
Output:
type Attribute in Unordered Lists
The type attribute is used to define the style of bullet points in the unordered list.
Here are the available options.
| Value | Description |
|---|---|
| disc | Default. Displays solid round bullets. |
| circle | Displays hollow circle bullets. |
| square | Displays solid square bullets. |
| none | No bullet will be displayed. |
1. type="disc" (Default Bullets)
Example:
<!DOCTYPE html><html><head><title>Unordered List - Disc</title><head><body><h3>Unordered List with Disc Bullets</h3><ul type="disc"><li>Cat</li><li>Dog</li><li>Cow</li></ul></body></html>
Output:
2. type="circle" (Hollow Circle Bullets)
Example:
Example:
<!DOCTYPE html><html>
<head> <title>Unordered List - Circle</title></head>
<body> <h3>Unordered List with Circle Bullets</h3> <ul type="circle"> <li>Cat</li> <li>Dog</li> <li>Cow</li> </ul></body>
</html>Output:
3. type="square" (Square Bullets)
Example:
Example:
<!DOCTYPE html><html><head> <title>Unordered List - Square</title></head><body> <h3>Unordered List with Square Bullets</h3> <ul type="square"> <li>Cat</li> <li>Dog</li> <li>Cow</li> </ul></body></html>Output:
Key Point
- User <ul> for unordered list and <li> for each item.
- The type attribute changes the bullet style.
- Default bullet style is disc.
- Unordered lists are ideal for non-sequential content like menus, features or random item lists.