HTML 计算机代码元素

HTML 包含几个用于定义用户输入和计算机代码的元素。

实例

<code>
x = 5;
y = 6;
z = x + y;
</code>

亲自试一试

HTML <kbd> 用于键盘输入

HTML <kbd> 元素用于定义键盘输入。内部内容以浏览器的默认等宽字体显示。

实例

在文档中将一些文本定义为键盘输入:

<p>按 <kbd>Ctrl</kbd> + <kbd>S</kbd> 保存文档。</p>

结果:

Ctrl + S 保存文档。

亲自试一试

HTML <samp> 用于程序输出

HTML <samp> 元素用于定义计算机程序的示例输出。内部内容以浏览器的默认等宽字体显示。

实例

在文档中将一些文本定义为计算机程序的示例输出:

<p>来自我计算机的消息:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>

结果:

来自我计算机的消息:

File not found.
Press F1 to continue

亲自试一试

HTML <code> 用于计算机代码

HTML <code> 元素用于定义一段计算机代码。内部内容以浏览器的默认等宽字体显示。

实例

在文档中将一些文本定义为计算机代码:

<code>
x = 5;
y = 6;
z = x + y;
</code>

结果:

x = 5; y = 6; z = x + y;

亲自试一试

保留换行

请注意,<code> 元素不会保留额外的空白字符和换行。

要保留额外的空白字符和换行,您可以将 <code> 元素放在 <pre> 元素内:

实例

<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>

结果:

x = 5;
y = 6;
z = x + y;

亲自试一试

HTML <var> 用于变量

HTML <var> 元素用于定义编程或数学表达式中的变量。内部内容通常以斜体显示。

实例

在文档中将一些文本定义为变量:

<p>三角形的面积是:1/2 x <var>b</var> x <var>h</var>,其中 <var>b</var> 是底边,<var>h</var> 是垂直高度。</p>

结果:

三角形的面积是:1/2 x b x h,其中 b 是底边,h 是垂直高度。

亲自试一试

本章总结

  • <kbd> 元素定义键盘输入
  • <samp> 元素定义计算机程序的示例输出
  • <code> 元素定义一段计算机代码
  • <var> 元素定义编程或数学表达式中的变量
  • <pre> 元素定义预格式化文本

HTML 计算机代码元素

标签 描述
<code> 定义编程代码。
<kbd> 定义键盘输入。
<samp> 定义计算机输出。
<var> 定义变量。
<pre> 定义预格式化文本。

如需查看所有可用 HTML 标签的完整列表,请访问我们的 HTML 标签参考手册