Opening and closing tags in HTML - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create a paragraph element.

HTML

<p[1]>Hello, world!</p>

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

A/

B<

C>

D!

Attempts:

3 left

💡 Hint

Common Mistakes

Using < instead of > to close the opening tag

Adding a slash / in the opening tag

The opening tag for a paragraph ends with a > symbol after the tag name.

2fill in blank

medium

Complete the code to close the heading tag properly.

HTML

<h1>Welcome to my site[1]

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

A<h1>

B</h>

C<h1/>

D</h1>

Attempts:

3 left

💡 Hint

Common Mistakes

Using

instead of

to close

Using self-closing syntax like

for non-void elements

Closing tags start with .

3fill in blank

hard

Fix the error in the code by completing the closing tag.

HTML

<div>Content here[1]

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

A<div>

B</div>

C</dv>

D<div/>

Attempts:

3 left

💡 Hint

Common Mistakes

Misspelling the tag name in the closing tag

Using self-closing syntax for non-void elements

The closing tag must match the opening tag name exactly and start with .

4fill in blank

hard

Fill both blanks to create a valid list with three items.

HTML

<ul[1]>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
[2]

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

A>

B<ul>

C</ul>

D</li>

Attempts:

3 left

💡 Hint

Common Mistakes

Using

again instead of closing with

Using to close the whole list

The opening

tag ends with > and the list must be closed with

.

5fill in blank

hard

Fill all three blanks to create a valid HTML structure with a header and paragraph.

HTML

<section[1]>
  <header[2]>My Title[3]
  <p>This is a paragraph.</p>
</section>

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

A>

B</header>

C<header>

D</section>

Attempts:

3 left

💡 Hint

Common Mistakes

Forgetting to close the header tag

Using incorrect closing tags

The opening tags end with > and the header must be closed with . The section is already closed.