Learn HTML – Part 11 – em Tag – Emphasizing Text Semantically

Understanding the <em> Tag in HTML

The <em> tag is used to emphasize text that should be read with stress or importance. Most browsers display it as italicized text, but more importantly, it conveys semantic emphasis, which is useful for screen readers and accessibility.

Tag Syntax:

<em>Your emphasized text</em>

Common Uses:

  • Stressing a word in a sentence
  • Emphasizing parts of quotes, dialogues, or alerts
  • Accessible and semantic highlighting for assistive tech

Difference Between <em> and <i>:

  • <em> = semantic emphasis (use when meaning matters)
  • <i> = visual italic (use for styling, e.g., foreign words or technical terms)

Example:

<p>Do not forget to <em>save your work</em> before closing the application.</p>

Workbook:

Facebook
WhatsApp
Twitter
LinkedIn
Pinterest

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top