Lists

Lists

• Use a list when you have several items.
• A bullet list uses <ul> (unordered list).
• Each item goes inside its own <li> (list item).

<ul>
  <li>Milk</li>
  <li>Bread</li>
  <li>Eggs</li>
</ul>

Numbered lists

• For steps in order, use <ol> (ordered list).
• The browser adds the numbers 1, 2, 3 for you.
• The items are still <li> — only the outer tag changes.

<ol>
  <li>Open the box</li>
  <li>Add water</li>
  <li>Stir</li>
</ol>

Common mistakes

• <ul> is bullets, <ol> is numbers; each item goes in <li>.
• Close every <li>.

Now you try

• Notice how the <li> items sit inside the <ul> or <ol>.
• Build one of each below.