Strong vs b tag in HTML - Interactive Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to make the text bold using the semantic tag.

HTML

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

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

A<b>

B<i>

C<em>

D<strong>

Attempts:

3 left

💡 Hint

Common Mistakes

Using which only styles text without semantic meaning.

Using or which italicize text instead of bolding.

The tag makes text bold and also indicates strong importance, which is better for accessibility than .

2fill in blank

medium

Complete the code to make the text bold without adding semantic importance.

HTML

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

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

A<b>

B<strong>

C<em>

D<mark>

Attempts:

3 left

💡 Hint

Common Mistakes

Using which adds semantic importance.

Using which italicizes text.

The tag makes text bold purely for visual effect without implying importance.

3fill in blank

hard

Fix the error in the code to correctly emphasize important text.

HTML

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

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

A<strong>

B<u>

C<i>

D<b>

Attempts:

3 left

💡 Hint

Common Mistakes

Using which does not convey importance.

Using or which change style but not meaning.

The tag is used to emphasize important text semantically, unlike which only styles text.

4fill in blank

hard

Fill the four blanks to make the first text bold with semantic importance and the second bold without semantic meaning.

HTML

<p>[1]Important[2] and [3]bold[4] text.</p>

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

A<strong>

B</strong>

C<b>

D</b>

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing opening and closing tags incorrectly.

Using for important text instead of .

The first pair and adds semantic importance. The second pair and only styles text bold.

5fill in blank

hard

Fill all four blanks to create a sentence where the first word is semantically strong, the second word is visually bold, and the third word is normal.

HTML

<p>[1]Bold[2] [3]and[4] normal text.</p>

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

A<strong>

B</strong>

C<b>

D</b>

Attempts:

3 left

💡 Hint

Common Mistakes

Not closing tags properly.

Using for semantic importance.

The first two blanks wrap 'Bold' with tags for semantic importance. The third and fourth blanks wrap 'and' with tags for visual bold.