當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。