Lesson 14: HTML Lists

Creating Ordered and Unordered Lists

HTML lists organize related items cleanly. Unordered lists <ul> use bullet points, while ordered lists <ol> use numbers or letters.


<ul><li>Item 1</li><li>Item 2</li></ul>

Why&How to use:

Lists improve readability for menus, step-by-step instructions, features, and organized navigation links.

			
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML Lists</title>
</head>
<body>
    <h2>Shopping List (Unordered)</h2>
    <ul>
        <li>Apples</li>
        <li>Bananas</li>
    </ul>
    <h2>Instructions (Ordered)</h2>
    <ol>
        <li>First Step</li>
        <li>Second Step</li>
    </ol>
</body>
</html>

		