Strong vs b tag in HTML - Practice Questions

Challenge - 5 Problems

🧠 Conceptual

intermediate

Difference in meaning between and

Which statement best describes the difference between the and tags in HTML?

A <strong> indicates important text with semantic meaning, while <b> only styles text as bold without semantic importance.

B <b> indicates important text with semantic meaning, while <strong> only styles text as bold without semantic importance.

C Both <strong> and <b> tags have the same semantic meaning and styling effect.

D <strong> is deprecated and should not be used, while <b> is the modern replacement.

💡 Hint

Think about how screen readers treat these tags.

is used to mark text that is important or urgent, giving it semantic meaning. simply makes text bold visually without implying importance.

❓ rendering

intermediate

Visual output difference between and

What will be the visual output in a modern browser for this HTML snippet?

<p>This is <strong>important</strong> and this is <b>bold</b>.</p>

A The words 'important' and 'bold' both appear bold with no difference in style.

B 'important' is bold and italic, 'bold' is only bold.

C 'important' is underlined, 'bold' is bold.

D 'important' is normal text, 'bold' is bold.

💡 Hint

Browsers usually style both tags as bold by default.

By default, browsers render both and text as bold. The difference is semantic, not visual.

❓ accessibility

advanced

Screen reader behavior for vs

How do screen readers typically treat text inside compared to text inside ?

A Screen readers emphasize <b> text but ignore <strong> text.

B Screen readers ignore both <strong> and <b> tags and read text normally.

C Screen readers emphasize <strong> text by changing tone or volume, but do not emphasize <b> text.

D Screen readers pause briefly after <b> text but not after <strong> text.

💡 Hint

Think about semantic importance and how assistive technology uses it.

conveys importance, so screen readers often emphasize it. is purely visual and usually ignored by screen readers.

📝 Syntax

advanced

Correct usage of and in HTML

Which HTML snippet correctly uses and tags according to best semantic practices?

HTML

<p>Here is some <strong>important</strong> text and some <b>decorative</b> text.</p>

A <p>Here is some <strong>important</strong> text and some <strong>decorative</strong> text.</p>

B <p>Here is some <b>important</b> text and some <strong>decorative</strong> text.</p>

C <p>Here is some <b>important</b> text and some <b>decorative</b> text.</p>

D <p>Here is some <strong>important</strong> text and some <b>decorative</b> text.</p>

💡 Hint

Important content should use semantic tags.

Use for important text to convey meaning, and for purely visual bold styling without importance.

❓ selector

expert

CSS selector targeting but not

Which CSS selector will apply styles only to elements but not to elements?

A *:not(b) { color: red; }

B strong { color: red; }

C b { color: red; }

D strong, b { color: red; }

💡 Hint

Think about how to select only one tag type.

The selector 'strong' targets only elements. The others either target or all elements except .