Welcome to creating lists in HTML! Lists are everywhere on the web—navigation menus, bullet points, step-by-step instructions, and shopping carts.

HTML gives you two powerful ways to organize information into lists that are easy to read and understand.

Engagement Message

Quick reflection: In one word, how do recipes or to-do lists organize their information?

The first type is an unordered list using <ul>. This creates a bulleted list where the order doesn't matter—like a grocery list.

Each item in any list uses the <li> tag, which stands for "list item."

Engagement Message

What's an example of information where order doesn't matter?

Here's how an unordered list looks:

The browser automatically adds bullet points. No need to type them yourself!

Engagement Message

What tag do you use to add each item to a list?

The second type is an ordered list using <ol>. This creates a numbered list where sequence matters—like cooking instructions.

Same <li> tags for items, but now the browser adds numbers instead of bullets.

Engagement Message

Give an example where the order of steps really matters.

Here's an ordered list in action: