Accepted Attributes
The <i> tag is also supported by Global attribute and Event Attributes in HTML.
Example 1: This is a simple example illustrating the <i> tag to make the italic text in HTML.
HTML
<!DOCTYPE html> < html > < head > < title >HTML i Tag</ title > </ head > < body > < h1 >w3wiki</ h1 > < h3 >HTML i tag</ h3 > < div > < p > < i >A Computer Science portal for geeks.</ i > It contains well written, well thought and well explained computer science and programming articles </ p > </ div > </ body > </ html > |
Output:
Example 2: In this example, we have used <i> tag & <p> tag to illustrate the difference in the text appearance while rendering it.
HTML
<!DOCTYPE html> < html > < head > < title >HTML Italic Tag</ title > </ head > < body > < h1 >w3wiki</ h1 > < h3 >HTML i tag</ h3 > < p >This is normal text written inside p tag</ p > <!--HTML <i>(italic) tag is used here--> < i >This text is in italic font style</ i > </ body > </ html > |
Output:
Example 3: A text can be written in italics using CSS also. When the CSS font-style property is set to italic, then the text can be seen as follows:
HTML
<!DOCTYPE html> < html > < head > < title >HTML Italic Tag</ title > </ head > < body > < h1 >w3wiki</ h1 > < h3 >HTML i tag</ h3 > <!--Example for font-style: italic --> < p style = "font-style: italic;" > This text content is in italic font. </ p > < h5 >Note:This example is only possible when the font-style property is kept "italic" in CSS </ h5 > </ body > </ html > |
Output:
HTML Tag
The <i> tag in HTML is used to display the content in italic style. This tag is generally used to display the technical term, phrase, the important word in a different language. The <i> tag is a container tag that contains the opening tag, content & closing tag.
Contact Us