Loading…
When you read a textbook, some words are bold or italic to draw your attention. HTML gives you the same ability — and these elements carry semantic meaning that helps screen readers and search engines understand your content.
<strong> marks text as important. Browsers render it bold:
<p>Warning: <strong>Do not delete this file</strong>.</p>
<em> adds emphasis that changes the sentence meaning. Browsers render it italic:
<p>I <em>really</em> like HTML.</p>
<b> and <i>?| Element | Meaning | Use |
|---|---|---|
<strong> | Important (semantic) | Screen readers announce it differently |
<b> | Bold (visual only) | No extra meaning |
<em> | Emphasis (semantic) | Changes sentence meaning |
<i> | Italic (visual only) | No extra meaning |
<strong> and <em> — they are better for accessibility and SEO.<p>This is <strong><em>critically important</em></strong>.</p>
Create a paragraph that says: "HTML is fun and easy to learn!"
<strong> (bold — it is the important word)<em> (italic — it is the emphasized word)