当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML <i>用法及代码示例


HTML中的<i>标记用于以斜体样式显示内容。该标签通常用于以其他语言显示技术术语,短语,重要单词。

用法:

<i> Contents... </i>

以下程序说明了HTML中的<i>标签:

范例1:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>Italic Tag</title> 
    <style> 
        body { 
            text-align:center; 
        } 
          
        h1 { 
            color:green; 
        } 
    </style> 
</head> 
  
<body> 
    <h1>GeeksforGeeks</h1> 
    <h2>Let's check some examples:</h2> 
    <p>This is normal text written inside p tag</p> 
    <p><i>This text is in italic font style</i></p> 
</body> 
  
</html>                                       

输出:



范例2:文本也可以使用CSS以斜体书写。当CSS font-style属性等于斜体时,则文本如下所示:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>Italic Tag</title> 
    <style> 
        body { 
            text-align:center; 
        } 
          
        p { 
            font-style:italic; 
        } 
          
        h1 { 
            color:green; 
        } 
    </style> 
</head> 
  
<body> 
    <h1>GeeksforGeeks</h1> 
    <h2>Let's see an example of font-style:italic</h2> 
    <p>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>                    

输出:

用法:

  • 将<i>标记用于您希望与普通短语显示不同的单词,以提高可读性
  • 现在,像<i>和<b>这样的标签定义了语义而不是印刷外观。因此,要以斜体显示文本,用户可以使用CSS font-style属性。
  • 仅当<i>标记未使用以下元素标记时才使用:
  • 支持的浏览器:

    • 谷歌浏览器
    • IE浏览器
    • Firefox
    • Opera
    • Safari

相关用法


注:本文由纯净天空筛选整理自Shubrodeep Banerjee大神的英文原创作品 HTML <i> Tag。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。