HTML - Tag

Quiz

The HTML  tag is used to display content in italic style, typically for important words in different languages or technical terms. When writing content within a paragraph element, we can use the  tag to highlight the important words or terms in different languages..

Syntax

Following is the syntax of  tag −

<i> content </i>

Attributes

The HTML tag supports both Global and Event attributes.

Example: Defining Italic Element

In this following example, lets explore how the tag works in an HTML document. Below, we will see different examples of elements, each illustrating the use cases of the HTML tag.

<!DOCTYPE html>
<html>
<body>
   <h2>
      <i>This one is italic text</i>
   </h2>
   <p>
      I looked at it and thought 
      <i>This can't be real! </i>
   </p>
   <p>
      The term <i>bandwidth</i> describes the measure
      of how much information can pass through a data connection 
      in a given amount of time.
   </p>
</body>
</html>

Example: Styling Italic Element

Considering the following example, where we create an HTML document using the tag to create italic text and apply style properties to make it more stylish.

<!DOCTYPE html>
<html>
<head>
   <style>
      i {
      color: red;
      }
   </style>
</head>
<body>
   <h2>
      <i>This one is italic text</i>
   </h2>
   <p>
      I looked at it and thought 
      <i>This can't be real! </i>
   </p>
   <p>
      The term <i>bandwidth</i> describes the measure
      of how much information can pass through a data connection 
      in a given amount of time.
   </p>
</body>
</html>

Example: Italic Language Indicator

Let's consider another scenario, where we use the tag in text to indicate a different language. This HTML code styles italic text in red and uses the tag to highlight a Latin phrase within a paragraph.

<!DOCTYPE html>
<html>
<head>
   <style>
      i {
      color: red;
      }
   </style>
</head>
<body>
   <p>
      The Latin phrase <i lang="la">Veni, vidi, 
      vici</i> is often mentioned in music, art, 
      and literature. 
   </p>
</body>
</html>