Emphasis and importance

HTML has elements for meaning, not just for bold and italic styling. Pick the element that matches what the words are doing in the sentence.

The em element adds emphasis. It can change how a sentence reads:

<p>You should <em>always</em> wear a helmet.</p>

In the browser, em usually appears in italic. Read the sentence aloud: stressing “always” changes the warning. The visual style is a side effect. The emphasis is the point.

The strong element marks serious importance, urgency, or warning:

<p><strong>Do not leave your bicycle unlocked.</strong></p>

Browsers display strong as bold by default. Again, the meaning matters more than the look.

HTML also has i and b. They do not mean exactly the same thing:

• em is stress emphasis: the word shifts the tone of the sentence
• strong is importance: the content needs extra attention
• i marks text set apart from normal prose, such as a foreign phrase or a technical term
• b draws attention without adding importance, such as a keyword in a summary

Before you reach for a tag, ask what the text means. If you only want italic or bold styling with no semantic change, CSS is usually the right tool. You keep meaning in HTML and presentation in CSS.

A common mistake is wrapping every other word in <strong> because it looks good. Screen readers may stress too much content, and the page loses a clear hierarchy. Save strong for text that genuinely needs to stand out.

On your my-page project, mention one HTML element inside a paragraph and wrap its name in <code>. Use <strong> once in your bio where you want a real warning or highlight, not just bold styling for decoration.

Quick check

Start quiz

Result

You got of right.

Try again