Formatting: <i> and <em>

The <i> element defines italic text, without any extra importance. The <em> element defines emphasized text, with added semantic importance. Browsers display both the same way, but there is a difference in the meaning of these tags. Italic text is in appearance only, while emphasized text indicates that the text is "important".

HTML file: Displayed by browser:
<p>This text is normal.</p>

<p><i>This text is italicized</i>.</p>

<p><em>This text is emphasized</em>.</p>

This text is normal.

This text is italicized.

This text is emphasized.

If you haven't done so yet, check my notes about semantics.

Back buttonTable of ContentsNext button