HTML - code 标签_HTML 菜鸟教程

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

语法


<code>...</code>

属性

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

<code>标签示例

在下面的示例中，我们将看到<code>标签的使用，并且还可以看到可以使用的相关标签的使用，而不是像 <samp>、<kbd>、<var> 和 <pre> 标签这样的代码标签。此外，我们将使用内部 CSS 设置代码标签的样式。

<code>标签的默认样式

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


<!DOCTYPE html>
<html>
<body>
	 <h2>七科普教程</h2>
	 <p> 七科普提供了编程的基础技术教程
			<code>HTML 教程</code> 
	 </p>
</body>
</html>

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

在此示例中，我们将看到也可以使用的其他类似标签。<code>标签未被弃用。


<!DOCTYPE html>
<html>
<body>
		<h3>
			七科普教程
		</h3>
		<code>七科普提供了编程的基础技术教程</code>
		<br>
		<samp>七科普提供了编程的基础技术教程</samp>
		<br>
		<kbd>七科普提供了编程的基础技术教程</kbd>
		<br>
		<var>七科普提供了编程的基础技术教程</var>
		<br>
		<pre>七科普提供了编程的基础技术教程</pre>
</body>
</html>

用<code>标签指定其他语言

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


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

设置<code>标签的css样式

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


<!DOCTYPE html>
<html>
<head>
	 <style>
			code {
			color: red;
			font-family: verdana;
			}
	 </style>
</head>
<body>
	 <h2>HTML</h2>
	 <code>HTML 七科普教程</code> 
</body>
</html>

支持的浏览器

浏览器
<code>	Yes	Yes	Yes	Yes	Yes

<< HTML - cite 标签 HTML - del 标签 >>