HTML i Tag - Learn HTML

The  tag is used to define a part of the text in a different voice. The text placed within the  tag is usually displayed in italic. This tag is used to define technical terms, phrases from foreign languages, etc.

In HTML5, the  tag is a semantic element used to represent text in an alternate voice or mood, rather than a purely presentational one. This means the content carries specific meaning for browsers and search engines, even though it is typically rendered in italic by default. If you only need italic styling without the semantic meaning, it’s better to use the CSS font-style property instead of the  tag.

Sometimes you may need to use other, more appropriate elements:

 for relevance,
 for stronger importance,
<cite> for marking the name of a book.

Tip

If you want to highlight an important text, then use the semantic markup tag  instead of the  tag.

Syntax

The  tag comes in pairs. The content is written between the opening () and closing () tags.

Example of the HTML `` tag:

HTML  Tag

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>Before the end of the week <i>it is vital to</i> finish all the work.</p>
  </body>
</html>

Try it Yourself »

Result

Attributes

The  tag supports the Global Attributes and Event Attributes.

How to style an HTML  Tag

<style>
  .custom-italic {
    font-style: italic;
  }
</style>
<p>Before the end of the week <span class="custom-italic">it is vital to</span> finish all the work.</p>

Practice

What does the tag in HTML represent?

It is used to display italic text.
It modifies the color of the text.
It is used to stress other elements by making them italic.
It represents an image tag.

HTML <i> Tag

Syntax

Example of the HTML `<i>` tag:

Result

Attributes

Practice

Syntax

Example of the HTML <i> tag:

Result

Attributes

Practice

Example of the HTML `<i>` tag: