Paragraphs in HTML - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create a paragraph with the text "Hello, world!".

HTML

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

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

Ap

Bdiv

Cspan

Dheader

Attempts:

3 left

💡 Hint

Common Mistakes

Using

instead of

will work but is not semantic for paragraphs.

Using is for inline text, not paragraphs.

tags are used to create paragraphs in HTML. Using

will display the text as a paragraph.

2fill in blank

medium

Complete the code to add a paragraph with the text "Welcome to my website." inside the main section.

HTML

<main>
  <[1]>Welcome to my website.</[1]>
</main>

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

Ap

Bsection

Carticle

Dfooter

Attempts:

3 left

💡 Hint

Common Mistakes

Using

or

instead of

for paragraph text.

Using

is for page footers, not paragraphs.

The

tag is used to define paragraphs inside sections like

.

3fill in blank

hard

Fix the error in the paragraph tag to correctly display the text "This is a paragraph.".

HTML

<p>This is a paragraph.[1]</p>

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

A</p>

B<p>

C<br>

D</div>

Attempts:

3 left

💡 Hint

Common Mistakes

Adding an extra closing

tag causes an error.

Adding another

tag inside a paragraph is invalid.

The paragraph is already closed properly. Adding
inserts a line break inside the paragraph if needed.

4fill in blank

hard

Fill both blanks to create two paragraphs inside a section.

HTML

<section>
  <[1]>First paragraph.</[1]>
  <[2]>Second paragraph.</[2]>
</section>

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

Ap

Bdiv

Carticle

Dspan

Attempts:

3 left

💡 Hint

Common Mistakes

Using

or

instead of

for paragraphs.

Using is inline and not suitable for paragraphs.

Use

tags for both paragraphs to semantically mark them as paragraphs.

5fill in blank

hard

Fill all three blanks to create a paragraph with emphasized and strong text inside.

HTML

<p>This is a [1] paragraph with [2] and [3] text.</p>

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

Asimple

B<em>

C<strong>

Dbold

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'bold' instead of tag.

Putting tags as plain text instead of HTML tags.

The word 'simple' describes the paragraph. is for emphasized text and is for strong importance.