0
0
HTMLmarkup~10 mins

Em vs i tag in HTML - Interactive Practice

Choose your learning style9 modes available
Practice - 5 Tasks
Answer the questions below
1fill in blank
easy

Complete the code to emphasize the word with the correct tag.

HTML
<p>This is an [1] example.</p>
Drag options to blanks, or click blank then click option'
A<i>
B<em>
C<strong>
D<b>
Attempts:
3 left
💡 Hint
Common Mistakes
Using instead of for emphasis.
Confusing with .
2fill in blank
medium

Complete the code to italicize the word without adding emphasis.

HTML
<p>This word is styled as [1].</p>
Drag options to blanks, or click blank then click option'
A<i>
B<strong>
C<b>
D<em>
Attempts:
3 left
💡 Hint
Common Mistakes
Using when only italic style is needed.
Confusing with .
3fill in blank
hard

Fix the error by choosing the correct tag for emphasis in this sentence.

HTML
<p>This is an [1] example.</p>
Drag options to blanks, or click blank then click option'
A<i>
B<b>
C<strong>
D<em>
Attempts:
3 left
💡 Hint
Common Mistakes
Using or tags for emphasis instead of .
Confusing with .
4fill in blank
hard

Fill both blanks to create emphasized and italic text respectively.

HTML
<p>This is [1] and this is [2] text.</p>
Drag options to blanks, or click blank then click option'
A<em>
B<i>
C<strong>
D<b>
Attempts:
3 left
💡 Hint
Common Mistakes
Swapping the tags and confusing emphasis with style.
Using or instead of or .
5fill in blank
hard

Fill all four blanks to emphasize and strongly emphasize text.

HTML
<p>[1]This[2] is [3]important[4] text.</p>
Drag options to blanks, or click blank then click option'
A<em>
B</em>
C<strong>
D</strong>
Attempts:
3 left
💡 Hint
Common Mistakes
Forgetting to close the tag.
Using instead of or for emphasis.