Tag <code> HTML

定义和用法

<code> 标签用于定义计算机代码片段，其内容以浏览器默认的等宽字体显示。

提示：此标签未被弃用。但是，可以通过使用 CSS 来实现更丰富的效果（请参见下面的例子）。

请参阅：

标签 描述
<samp> 定义计算机程序的样例输出。
<kbd> 定义键盘输入。
<var> 定义变量。
<pre> 定义预格式化文本。

另请参阅：

HTML 教程：HTML ɗauka

HTML DOM 参考手册：Code 对象

实例

例子 1

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

<p>HTML <code>button</code> ɗauka na ɗauka ɗauka.</p>
<p>CSS <code>background-color</code> ɗauka na ɗauka ɗauka na ɗauka.</p>

Kai gani

例子 2

使用 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>HTML <code>button</code> ɗauka na ɗauka ɗauka.</p>
<p>CSS <code>background-color</code> ɗauka na ɗauka ɗauka na ɗauka.</p>
</body>
</html>

Kai gani

Kwarin ɗauka

<code> Ƙarami na yana ɗauka Kwarin ɗauka a HTML.

Kwarin ɗauka

<code> Ƙarami na yana ɗauka Kwarin ɗauka a HTML.

Dabara CSS

Yanar gizo na ɗaya yana amfani da manyan ɗauka na zaɓaɓa <code> Ƙarami:

code {
  font-family: monospace;
}

Kai gani

Tukurin yanar gizo

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tukurin Tukurin Tukurin Tukurin Tukurin