0
0
HTMLmarkup~10 mins

Bold and italic text in HTML - Interactive Code Practice

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

Complete the code to make the text bold.

HTML
<p>This is [1]bold[1] text.</p>
Drag options to blanks, or click blank then click option'
A<strong>
B<i>
C<em>
D<b>
Attempts:
3 left
💡 Hint
Common Mistakes
Using or which make text italic, not bold.
Using which is also bold but not the simplest tag here.
2fill in blank
medium

Complete the code to make the text italic.

HTML
<p>This is [1]italic[1] text.</p>
Drag options to blanks, or click blank then click option'
A<strong>
B<em>
C<i>
D<b>
Attempts:
3 left
💡 Hint
Common Mistakes
Using or which make text bold, not italic.
Using which is semantic italic but not the simplest tag here.
3fill in blank
hard

Fix the error in the code to correctly show bold and italic text.

HTML
<p>This is [1]bold and italic[1] text.</p>
Drag options to blanks, or click blank then click option'
A<i><b>
B<b><i>
C<strong><em>
D<em><strong>
Attempts:
3 left
💡 Hint
Common Mistakes
Using only one tag instead of both.
Incorrect nesting order causing display issues.
4fill in blank
hard

Fill both blanks to make the text bold and italic.

HTML
<p>[1]bold and italic[2] text.</p>
Drag options to blanks, or click blank then click option'
A<strong><em>
B</em></strong>
Attempts:
3 left
💡 Hint
Common Mistakes
Not closing tags properly.
Using mismatched tags.
5fill in blank
hard

Fill all three blanks to make the text bold and italic using semantic tags.

HTML
<p>[1][2]bold and italic[3] text.</p>
Drag options to blanks, or click blank then click option'
A<strong>
B</strong>
C</em>
D<em>
Attempts:
3 left
💡 Hint
Common Mistakes
Using non-semantic tags like and instead.
Closing tags in wrong order.