HTML i tag

Example

Mark up text that is set off from the normal prose in a document: 

<p><i>Lorem ipsum</i> is the most popular filler text in history.</p>

<p>The <i>RMS Titanic</i>, a luxury steamship, sank on April 15, 1912 after striking an iceberg.</p>

Lorem ipsum is the most popular filler text in history.

The RMS Titanic, a luxury steamship, sank on April 15, 1912 after striking an iceberg.

Definition and Usage

The <i> tag defines a part of text in an alternate voice or mood. The content inside is typically displayed in italic.

The <i> tag is often used to indicate a technical term, a phrase from another language, a thought, a ship name, etc.

Use the <i> element only when there is not a more appropriate semantic element, such as:

  • <em> (emphasized text)
  • <strong> (important text)
  • <mark> (marked/highlighted text)
  • <cite> (the title of a work)
  • <dfn> (a definition term)

Global Attributes

The <i> tag also supports the Global Attributes in HTML.

Event Attributes

The <i> tag also supports the Event Attributes in HTML.

Default CSS Settings

Most browsers will display the <i> element with the following default values:

Example

i {
font-style: italic;
}

Comments