Lists

Once you learn to see them, lists are everywhere: navigation menus, recipe steps, search results, shopping carts. HTML gives you two flavors.

Unordered lists: bullets

When order doesn't matter, use <ul> with an <li> (list item) per entry:

Ordered lists: numbers

When sequence matters — steps, rankings — use <ol>:

Same <li> children; only the wrapper changes. The browser numbers them for you — add, remove, reorder freely and the numbers stay right.

Nesting lists

Put a whole list inside an <li> to create sub-items:

What's next

The element that puts the "hyper" in hypertext: links.