Van Gogh and Gauguin visited Montpellier in December 1888.
The <i> tag renders text in italic.
This can be used to display idioms, terminologies, ideas, and more.
This <i> tag italicizes a single word in the text.
Van Gogh and Gauguin visited Montpellier in December 1888.
<article>
<p>
Van Gogh and Gauguin visited
<i>Montpellier</i> in December 1888.
</p>
</article>
i = italic
It is used to display idioms, technical terms, translations, and other items.
Use this element when no other semantic tag is appropriate, such as:
An <i> tag that displays a well-known quote.
"To be or not to be, that is the question" -- by William Shakespeare.
<p>
<i>"To be or not to be, that is the question"</i>
-- by William Shakespeare.
</p>
The <i> element has no attributes, but it does accept global attributes.
The following are occasionally used.
| Attribute | Value | Description |
|---|---|---|
| id | value | Provides the i element with a unique identifier. |
| class | classnames | Assigns one or more classnames to the i element. |
| style | CSS-values | Assigns CSS style values to the i element. |
For additional global attributes see our global attributes list.
Icon sets, such as, Font Awesome, Glyphicons, or Google Fonts, commonly use the <i> tag.
One reason is that <i> is shorter than <span>.
Another reason is that the letter i can also stand for 'icon'.
Technically, either the <i> or the <span> tag can be used to render icons.
A twitter icon by Font Awesome created with the <i> tag.
<i class="fab fa-twitter"></i>
The <i> tag is part of a group of tags
that are used to create and format text documents.
This group is referred to as the Text tag group.
Together, they allow you to create comprehensive HTML text documents.
Here is a list of text tags.
| Element | Description |
|---|---|
| <h1>-<h6> | Defines text headings in 6 different sizes |
| <p> | Creates a paragraph |
| <span> | Container for one or more inline text elements |
| <br> | Creates a line break |
| <sup> | Specifies superscript text |
| <sub> | Specifies subscripted text |
| <u> | Specifies underlined text |
| <i> | Specifies italic text |
| <b> | Specifies bold text |
| <em> | Marks text that needs emphasis |
| <strong> | Indicates text that is important or with high urgency |
| <del> | Defines deleted text |
| <ins> | Defines inserted text |
| <ruby> | Represents a small annotation with pronunciation of text |
| <kbd> | Specifies keyboard input, such as, CTRL or ALT |
| <wbr> | Specifies a preferred word-break location for long words |
Here is when <i> support started for each browser:
 Chrome
|
1.0 | Sep 2008 |
 Firefox
|
1.0 | Sep 2002 |
 IE/Edge
|
1.0 | Aug 1995 |
 Opera
|
1.0 | Jan 2006 |
 Safari
|
1.0 | Jan 2003 |
