**HTML lists** are used to group related items in the form of a list. 

Generally, we will be using two types of lists:

+ Ordered list
+ Unordered list


# Ordered list 
An **ordered list** has numbered elements. It is represented with the 
`<ol>` tag.

# Unordered list
An **unordered list** has bulleted, not numbered, elements. It is represented with the `<ul>` tag.

# Code


<!DOCTYPE html>
<html>
    <head>
        <style>
            body{
                background-color: antiquewhite;
            }
            h3{
                color: brown;
                fontfamily: Arial,Helvetica, sans-serif;
                font-size: medium;
                font-weight: bold;
            }
            h3:hover{
                color: orange;
            }

        </style>
    </head>
    <body>
        <h3>Ordered List</h3>
        <ol>
            <li>Apple</li>
            <li>Banana</li>
            <li>Grapes</li>
            <li>Papaya</li>
        </ol>

        <h3>Unordered List</h3>
        <ul>
            <li>Beans</li>
            <li>Bottle Gourd</li>
            <li> Carrot</li>
            <li>Pumpkin</li>
            
        </ul>
    </body>
</html>

codemirror

How to make lists in HTML

HTML lists group related items using ordered lists (<ol>) with numbers or unordered lists (<ul>) with bullets.