View video tutorial

HTML Unordered Lists

HTML

❮ Prev Next ❯

The <ul> tag defines list preceded by symbol.

HTML Unordered List

➔ Each item will be in <li> tag under <ul> tag.

➔ HTML Unordered list starts with a disc symbol if type attribute is not specified.

➔ Other values for type attribute are type="disc", type="circle", type="square", type="none".

➔ Default disc symbol will be used if type not used.

Learning with HTML Editor "Try it Now"

You can edit the HTML code and view the result using online editor.

<h2>An Unordered List (type disc)</h2>
<ul type="disc">
    <li>Item1</li>
    <li>Item1</li>
    <li>Item1</li>
</ul>

An Unordered List (type="disc")

Item1
Item1
Item1

An Unordered List(type="circle")

Item1
Item1
Item1

<h2>An Unordered List (type square)</h2>
<ul type="square">
    <li>Item1</li>
    <li>Item1</li>
    <li>Item1</li>
</ul>

An Unordered List(type="square")

Item1
Item1
Item1

An Unordered List(type="none")

Item1
Item1
Item1

Example

<!DOCTYPE html>
<html>

<head>
    <title>HTML Unordered List</title>
    <meta charset="utf-8" />
</head>

<body>

    <h2>An Unordered List</h2>

    <ul type="disc">
        <li>Item1</li>
        <li>Item1</li>
        <li>Item1</li>
    </ul>

    <h2>An Unordered List</h2>

    <ul type="circle">
        <li>Item1</li>
        <li>Item1</li>
        <li>Item1</li>
    </ul>

    <h2>An Unordered List</h2>

    <ul type="square">
        <li>Item1</li>
        <li>Item1</li>
        <li>Item1</li>
    </ul>
    <h2>An Unordered List</h2>

    <ul type="none">
        <li>Item1</li>
        <li>Item1</li>
        <li>Item1</li>
    </ul>

</body>

</html>

Try it Now »

Click on the "See output" button to see how it works.