HTML - <i> 标签



HTML <i> 标签用于以斜体样式显示内容,通常用于不同语言中的重要单词以及技术术语。如果我们在段落元素内编写内容,但内容中出现重要单词或不同语言的单词,我们可以使用<i> 标签来突出显示重要单词。

语法

<i> content </i>

属性

HTML i 标签支持 HTML 的全局事件属性。

HTML i 标签示例

在下面的示例中,我们将看到 i 元素的不同示例。每个示例都将说明 html i 标签的用例。

指定斜体元素

在以下示例中,让我们看看 <i> 标签在 HTML 文档中的工作方式。

<!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>

设置斜体元素样式

考虑以下示例,我们正在创建一个 HTML 文档并使用 <i> 标签创建斜体文本,并使用样式属性使斜体文本更具样式。

<!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>

使用斜体元素指示不同的语言

让我们来看另一个场景,我们将使用 <i> 在文本中指示它是不同语言的。

<!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>

HTML <i> 标签用法

当没有更合适的语义元素时,在任何文本上使用 <i> 标签。例如<em><strong><mark><cite><dfn>标签。

支持的浏览器

标签 Chrome Edge Firefox Safari Opera
i
html_tags_reference.htm
广告