HTML - <code> 标签

HTML 的 <code> 标签用于定义一段计算机代码。或者换句话说，<code> 标签用于将变量、程序代码片段等插入 HTML 文档中。默认情况下，浏览器中内容文本将使用默认的等宽字体显示。HTML 提供了许多文本格式化方法，但 <code> 标签以固定的字号、字体和间距显示。

语法

<code>...</code>

属性

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

HTML code 标签示例

在下面的示例中，我们将看到 code 标签的使用，以及与其相关的标签，例如<samp>、<kbd>、<var>和<pre>标签。我们还将使用内部 CSS 来设置 code 标签的样式。

code 元素的默认样式

在下面的示例中，让我们看看如何在 HTML 文档中使用 <code> 标签。

<!DOCTYPE html>
<html>
<body>
   <h2>TutorialsPoint</h2>
   <p> Simply Easy Learning
      <code>HTML Tutorial</code> 
   </p>
</body>
</html>

将 code 标签与其他替换标签一起使用

在这个例子中，我们将看到其他可以使用的类似标签。HTML code 标签并未被弃用。

<!DOCTYPE html>
<html>
<body>
    <h3>
      Bellow we have used 4 other tags that 
      can be replacement of code tag
    </h3>
    <code>This is code Element</code>
    <br>
    <samp>This is samp Element</samp>
    <br>
    <kbd>This is kbd Element</kbd>
    <br>
    <var>This is var Element</var>
    <br>
    <pre>This is code Element</pre>
</body>
</html>

在 HTML 中指定其他语言

考虑以下示例，我们正在创建一个 HTML 文档，并使用 <code> 标签来显示一个单行的 C++ 程序。

<!DOCTYPE html>
<html>
<body>
   <h2>CPP Program</h2>
   <code>int a, b, c; a = 20, b = 30, c = 40;</code>
</body>
</html>

使用内部 CSS 设置 code 元素的样式

让我们来看下面的例子，我们在这里创建一个 HTML 文档，使用 <code> 标签和 CSS 属性来设置 <code> 内容的样式。

<!DOCTYPE html>
<html>
<head>
   <style>
      code {
      color: red;
      font-family: verdana;
      }
   </style>
</head>
<body>
   <h2>TutorialsPoint</h2>
   <code>HTML Tutorial</code> 
</body>
</html>

支持的浏览器

标签
code	支持	支持	支持	支持	支持

html_tags_reference.htm

打印页面