码农教程 - 一技在手,衣食无忧! tools

HTML <code> 标签

❮上一节 完整的 HTML参考 下一节❯

示例

将一些文本定义为文档中的计算机代码：

<p>The HTML <code>button</code> tag defines a clickable button.</p>

<p>The CSS <code>background-color</code> property defines the background color of an element.</p>
亲自试一试 »

下面有更多 "亲自试一试" 示例。

定义和用法

这个<code>标签用于定义一段计算机代码。里面的内容以浏览器默认的等宽字体显示。

提示：该标签并未被弃用。然而，通过使用 CSS 可以实现更丰富的效果（参见下面的示例）。

另请参阅：

Tag Description
<samp> Defines sample output from a computer program
<kbd> Defines keyboard input
<var> Defines a variable
<pre> Defines preformatted text

浏览器支持

Element
<code> Yes Yes Yes Yes Yes

全局属性

这个<code>标签还支持HTML 中的全局属性。

事件属性

这个<code>标签还支持HTML 中的事件属性。

更多示例

示例

使用 CSS 设置 <code> 元素的样式：

<html>
<head>
<style>
code {
  font-family: Consolas,"courier new";
  color: crimson;
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 105%;
}
</style>
</head>
<body>

<p>The HTML <code>button</code> tag defines a clickable button.</p>
<p>The CSS <code>background-color</code> property defines the background color of an element.</p>

</body>
</html>
亲自试一试 »

相关页面

HTML 教程：HTML 文本格式

HTML DOM 参考：代码对象

默认 CSS 设置

大多数浏览器都会显示<code>具有以下默认值的元素：

示例

code {
  font-family: monospace;
}
亲自试一试 »


❮上一节 完整的 HTML参考 下一节❯