The <em> element is used to emphasize text on a webpage. When you wrap text in <em>, it tells the browser — and screen readers — that this text should have special emphasis. By default, <em> text is shown in italics, but it also adds meaning for accessibility and SEO.
Use <em> when you want to:
- Add slight emphasis
- Highlight a word in a sentence
- Show tone or importance in a softer way than
<strong>
The <em> tag is often used for emotional or important wording in sentences.
Understaning the layout of the <em> Element
| Start tag | Element content | End tag |
|---|---|---|
| <em> | Traveling is exciting | </em> |
📘 Example Code
Below is an HTML example showing regular text and emphasized text:
💡 This is what the code looks like inside an editor
🖥️ What This Will Look Like in a Browser
✅ Example output you would see on a webpage:
🧪 Time to Practise!
Now it’s your turn to use the <em> tag.
Try this example first:
<p>I am learning HTML and it is <em>very interesting</em>!</p>
What To Do
✅ Type the code above in the editor below
✅ Click Test Code to see the result
✅ Try changing the sentence and emphasising different words
✅ Experiment by using <strong> and <em> together in one sentence
Tip 💡
Use <em> for gentle emphasis.
It’s great for tone, emotion, and highlighting a word in a sentence without making it too bold.
Remember — <strong> = strong importance, <em> = soft emphasis.
Mastering both makes your writing clear and expressive online! 🚀
