HTML Tutorial: Complete HTML Tutorial
About Lesson

HTML <i> Tag


Concept

The <i> tag is used to italicize text, making it distinct from the surrounding content. While it’s often used for stylistic purposes, it’s important to note that this tag doesn’t add semantic meaning to the text. For text that should be emphasized semantically, the <em> tag is more appropriate.

Implementation

Example 1: Stylistic Italicization

<p>This is a <i>italicized</i> word in a sentence.</p>

Example 2: Italicizing a Phrase

<p>The phrase <i>"Carpe Diem"</i> means "Seize the Day."</p>

Try it out below:

Loading

Attributes Table


Global Attributes

The <i> tag supports all global attributes in HTML.

Event Attributes

The <i> tag also supports all event attributes in HTML.

Browser Support Table


Browser Support
Chrome Yes
Firefox Yes
Safari Yes
Opera Yes
IE Yes

Default CSS Settings


i {
  font-style: italic;
}

Conclusion

The <i> tag is a straightforward way to italicize text for stylistic reasons. However, it’s crucial to remember that it doesn’t add semantic emphasis to the text.


For that purpose, the <em> tag is more suitable. The <i> tag is widely supported across all browsers and is a staple in HTML for text styling.