unorderedList.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Unordered List</title>
</head>
<body>
    <h1>This is my HTML page</h1>
    <p>Here is a example  of unordered List</p>
    <ul>
        <li>Cold Coffee</li>
        <li>Ice cream</li>
        <li>Milk Shake</li>
        <li>Back Tea</li>
        <li>Green Tea</li>
    </ul>
    <p>here is a example of ordered List</p>
    <ol>
        <li>Cold Coffee</li>
        <li>Ice cream</li>
        <li>Milk Shake</li>
        <li>Back Tea</li>
        <li>Green Tea</li>
    </ol>
    <h2>Nested List</h2>
    <p>here is a example of nested list in HTML</p>
    <ol>
        <li>Tea</li>
        <ul>
            <li>Back Tea</li>
            <li>Green Tea</li>
            <li>Low sugar tea</li>
            <li>milk tea</li>
        </ul>
        <li>Ice cream</li>
        <ul>
            <li>Chocolate icecream</li>
            <li>vanila</li>
            <li>mango</li>
        </ul>
        <li>Cold Drinks</li>
        <ul>
            <li>Papsi</li>
            <li>Cock</li>
            <li>limca</li>
        </ul>
    </ol>
</body>
</html>