轻松上手,快乐学习!

HTML <code> 标签



实例

将某些文本定义为文档中的计算机代码:

<p>HTML <code>button</code> 标签定义了一个可点击的按钮。</p>

<p>CSS <code>background-color</code> 属性定义元素的背景颜色。</p>
亲自试一试 »

下面有更多实例。


定义和用法

<code> 标签用于表示计算机源代码或者其他机器可以阅读的文本内容。

软件代码的编写者已经习惯了编写源代码时文本表示的特殊样式。<code> 标签就是为他们设计的。包含在该标签内的文本将用等宽、类似电传打字机样式的字体(Courier)显示出来,对于大多数程序员和 BEGTUT 的用户来说,这应该是十分熟悉的。

只应该在表示计算机程序源代码或者其他机器可以阅读的文本内容上使用 <code> 标签。虽然 <code> 标签通常只是把文本变成等宽字体,但它暗示着这段文本是源程序代码。将来的浏览器有可能会加入其他显示效果。例如,程序员的浏览器可能会寻找 <code> 片段,并执行某些额外的文本格式化处理,如循环和条件判断语句的特殊缩进等。

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

浏览器支持

元素
<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>HTML <code>button</code> 标签定义了一个可点击的按钮。</p>
<p>CSS <code>background-color</code> 属性定义元素的背景颜色。</p>

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

相关页面

HTML 教程: HTML 文本格式化

HTML DOM 参考手册: Code 对象


默认CSS设置

大多数浏览器将使用以下默认值显示 <code> 元素:

实例

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