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
    Header of unordered list
  • 1st list item
  • 2nd list item
  • 3rd list item
    Related Tutorial
    1. Lists
    Follow Us
    https://www.facebook.com/Rookie-Nerd-638990322793530 # # # # #