Unordered List

Unordered list has each item with the same leading symbol. The items in the list will be rendered in the same order that they are entered.
The default bullet symbol will be displayed as dark circle.

The unordered list is created using <ul>..</ul> block and the item in the list use the <li> element.

<ul> Header of unordered list
<li> 1st list item
<li> 2nd list item
<li> 3rd list item
<ul>

The each item in the list is displayed as bullet symbol. The symbol can be

- a dark circle
- a circle
- a square

type attribute

We can change the symbol appearance using the type attribute

The type attribute can have the values

- disc
- circle
- square

snippet

<html>
<head></head>
<body>
    <ul type="square"> Header of unordered list
    <li> 1st list item
    <li> 2nd list item
    <li> 3rd list item
    <ul>
<body>
<html>

Output

1st list item
2nd list item
3rd list item