Content and media · Lesson 7 of 16

Lists

Bulleted and numbered lists.

5 minutes3 games

<ul> is a bulleted list (order doesn't matter) and <ol> a numbered one (order matters). Each item inside either is an <li>.

HTML

<h3>Shopping</h3>
<ul>
  <li>Bread</li>
  <li>Cheese</li>
  <li>Tea</li>
</ul>

<h3>Make tea</h3>
<ol>
  <li>Boil water</li>
  <li>Add tea</li>
  <li>Wait 3 minutes</li>
</ol>

Quick question

Recipe steps (order matters). Which do you use?

Order the lines

Order the code for a two-item list.

Click the lines in the right order

Exercise

Make a numbered list of 3 programming languages.

HTML

Learn more from

Played 0 of 3 games

HTML

Content and media · Lesson 7 of 16

Lists

Bulleted and numbered lists.

5 minutes3 games

<ul> is a bulleted list (order doesn't matter) and <ol> a numbered one (order matters). Each item inside either is an <li>.

HTML

<h3>Shopping</h3>
<ul>
  <li>Bread</li>
  <li>Cheese</li>
  <li>Tea</li>
</ul>

<h3>Make tea</h3>
<ol>
  <li>Boil water</li>
  <li>Add tea</li>
  <li>Wait 3 minutes</li>
</ol>

Quick question

Recipe steps (order matters). Which do you use?

Order the lines

Order the code for a two-item list.

Click the lines in the right order

Exercise

Make a numbered list of 3 programming languages.

HTML

Learn more from

Played 0 of 3 games