HTML 计算机代码元素

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

实例

亲自试一试 »

HTML <kbd> 键盘格式

HTML <kbd> 元素定义键盘输入。其中的内容以浏览器的默认单空格字体显示。

实例

将某些文本定义为文档中的键盘输入：

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

结果:

按 Ctrl + S 保存文档

亲自试一试 »

HTML <samp> 样本格式

HTML <samp> 元素定义计算机输出示例。其中的内容以浏览器的默认单空格字体显示。

实例

将某些文本定义为文档中计算机程序的示例输出：

来自我电脑的消息:
<samp>找不到文件。 按 F1 继续</samp>

结果:

来自我电脑的消息:

找不到文件。按 F1 继续

亲自试一试 »

HTML <code> 代码格式

HTML <code> 元素定义编程代码示例。其中的内容以浏览器的默认单空格字体显示。

实例

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

结果:


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

亲自试一试 »

注意 <code> 元素不保留多余的空格和折行：。

如需解决该问题，您必须在 <pre> 元素中包围代码：

实例

结果:


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

亲自试一试 »

HTML <var> 变量格式化

HTML <var> 元素定义数学变量：

实例

将某些文本定义为文档中的变量：

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

结果:

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

亲自试一试 »

本章小结

<kbd> 定义键盘文本
<samp> 定义计算机代码示例
<code> 定义计算机代码文本
<var> 定义变量
<pre> 定义预格式化文本

HTML 实验