Unordered lists in HTML - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create an unordered list.

HTML

[1]
  <li>Apple</li>
  <li>Banana</li>
</ul>

Drag options to blanks, or click blank then click option'

A<ul>

B<ol>

C<li>

D<div>

Attempts:

3 left

💡 Hint

Common Mistakes

Using

instead of
for unordered lists.

Forgetting to open the list with

.

The

tag starts an unordered list. Here, it is the correct opening tag.

2fill in blank

medium

Complete the code to add a list item inside the unordered list.

HTML

<ul>
  [1]Orange</li>
</ul>

Drag options to blanks, or click blank then click option'

A<div>

B<ul>

C<ol>

D<li>

Attempts:

3 left

💡 Hint

Common Mistakes

Using

or
instead of
1. for list items.

Forgetting to close the list item with .

Each item in a list uses the

tag inside the

or
tags.

3fill in blank

hard

Fix the error in the unordered list code by completing the blank.

HTML

<ul>
  <li>Milk</li>
  [1]Bread</li>
</ul>

Drag options to blanks, or click blank then click option'

A<ul>

B<ol>

C<li>

D<div>

Attempts:

3 left

💡 Hint

Common Mistakes

Using

or
inside the list instead of
1. .

Missing the opening tag for the list item.

Each list item must start with

to be valid inside a list.

4fill in blank

hard

Fill both blanks to create a nested unordered list inside a list item.

HTML

<ul>
  <li>Fruits
    [1]
      <li>Apple</li>
      <li>Banana</li>
    [2]
  </li>
</ul>

Drag options to blanks, or click blank then click option'

A<ul>

B</ul>

C</li>

D<li>

Attempts:

3 left

💡 Hint

Common Mistakes

Using

or

instead of

or

for nested lists.

Not closing the nested list properly.

Nested lists use

to start and

to end inside a list item.

5fill in blank

hard

Fill all three blanks to create an unordered list with three items.

HTML

<ul>
  [1]Apple[2]
  [3]Banana</li>
  <li>Cherry</li>
</ul>

Drag options to blanks, or click blank then click option'

A<li>

B</li>

D</ul>

Attempts:

3 left

💡 Hint

Common Mistakes

Forgetting to close list items with .

Using incorrect tags like

inside list items.

Each list item starts with

and ends with

. The list ends with but that is already present.