HTML <code> 标签
示例
在文档中将一些文本定义为计算机代码
<p>HTML <code>button</code> 标签定义了一个可点击的按钮。</p>
<p>CSS <code>background-color</code> 属性定义了元素的背景颜色。</p>
自己试试 »
更多“自己试试”示例在下文。
定义和用法
<code>
标签用于定义一段计算机代码。标签内的内容在浏览器中以默认的等宽字体显示。
提示: 此标签未被弃用。但是,使用 CSS 可以获得更丰富的效果(参见下文示例)。
另请参见
标签 | 描述 |
---|---|
<samp> | 定义计算机程序的示例输出 |
<kbd> | 定义键盘输入 |
<var> | 定义一个变量 |
<pre> | 定义预格式化的文本 |
浏览器支持
元素 | |||||
---|---|---|---|---|---|
<code> | 是 | 是 | 是 | 是 | 是 |
全局属性
<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>
元素