Learn HTML – Part 11 – em Tag – Emphasizing Text Semantically
The HTML em tag is used to emphasize text in a webpage. It indicates that a piece of text should be stressed or highlighted within a sentence.
Browsers usually display the content inside the em tag in italic style, but its main purpose is to provide semantic meaning rather than visual styling.
What is the em Tag?
The em tag stands for emphasis. It is used to give stress to a word or phrase within a sentence.
This tag helps convey meaning and improves accessibility for screen readers.
Basic Syntax
<p>This is <em>important</em> text.</p>
Example – Emphasizing a Word
<p>
You should <em>always</em> test your code before deploying it.
</p>
Output:
You should always test your code before deploying it.
em vs strong – Key Difference
| Tag | Purpose | Typical Display |
|---|---|---|
em | Adds emphasis or stress | Italic text |
strong | Indicates strong importance | Bold text |
When Should You Use the em Tag?
- Highlighting a stressed word in a sentence
- Adding emphasis to key phrases
- Improving the meaning of written content
Use the
emtag when a word needs emphasis, and thestrongtag when the text has strong importance.
Common Mistakes Beginners Make
- Using
emonly for italic styling - Confusing it with the
itag - Overusing emphasis for large blocks of text
Conclusion
The HTML em tag is used to emphasize words or phrases within a sentence.
It adds semantic meaning and improves accessibility, helping both users and search engines understand the importance of certain text.
What’s Next?
Now that you understand the em tag, the next step is learning about the blockquote tag, which is used to display quoted content from another source.
Next: Learn HTML – Part 12 – blockquote Tag – Quoting External Content →
Series: Learn HTML Series
