HTML <code>用法及代碼示例

HTML中的<code>標記用於定義一段計算機代碼。在創建網頁期間，有時需要顯示計算機編程代碼。可以通過HTML的任何基本標題標簽來完成此操作，但是HTML提供了一個單獨的標簽，即<code>。

代碼標簽是代表計算機輸出的特定類型的文本。 HTML為text-formatting提供了許多方法，但是<code>標記以固定的字母大小，字體和間距顯示。

關於<code>標簽的一些要點：

它主要用於將代碼段顯示到Web瀏覽器中。
此標記將其元素設置為樣式，以匹配計算機的默認文本格式。
默認情況下，Web瀏覽器使用等寬字體係列來顯示<code <標簽元素內容。

用法:

<code> Contents... </code>

以下示例說明了HTML代碼標簽。

範例1：

HTML

<!DOCTYPE html>
<html>
 
<body>
    <pre>
<!--code Tag starts here -->
      <code>
#include<stdio.h>
int main() {
    printf("Hello Geeks");
}
<!--code Tag starts here -->
      </code>
    </pre>
</body>
 
</html>

輸出：

範例2：

HTML

<!DOCTYPE html>
<html>
 
<body>
    <pre>
<!--code Tag starts here -->
        <code>
        class GFG 
        { 
            // Program begins with a call to main()
            // Print "Hello, World" to the terminal window 
            public static void main(String args[]) 
            { 
                System.out.println("Hello, World"); 
            } 
        } 
<!--code Tag ends here -->
        </code>
     </pre>
 
</body>
 
</html>

輸出：在<code>標記內編寫的程序與基本的標題標記和段落標記具有不同的字體大小和字體類型。

注意：<pre>標記用於顯示代碼段，因為它始終保持文本格式不變。
支持的瀏覽器：

穀歌瀏覽器
IE瀏覽器
Firefox
Opera
Safari

相關用法

注：本文由純淨天空篩選整理自Shahnawaz_Ali大神的英文原創作品 HTML <code> Tag。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。