HTML计算机代码元素

计算机代码元素

<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>

HTML计算机代码格式化

HTML通常使用可变信大小和间距。

显示计算机代码的例子时，这是不想要的。

所述<kbd> <samp>和<code>元素的所有支持的固定信大小和间距。

HTML <kbd>键盘输入

的HTML <kbd>元素定义键盘输入：

例

结果：

File | Open...

试一试»

HTML <samp>对于计算机输出

的HTML <samp>元素定义从一个计算机程序输出样本：

例

<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>

结果：

demo.example.com login: Apr 12 09:10:17 Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189

试一试»

HTML <code>对于计算机代码

的HTML <code>元素定义了片的编程代码：

例

<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>

结果：


var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;

试一试»

请注意， <code>元件不会保留多余的空白和行分解。

为了解决这个问题，可以把<code>一内部元件<pre>元素：

例

<pre>
<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>
</pre>

结果：

var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;

试一试»

HTML <var>对于变量

的HTML <var>元素定义的变量。

变量可以在一个数学表达式或在编程上下文变量的变量：

例

Einstein wrote: <var>E</var> = <var>m</var><var>c</var><sup>2</sup>.

结果：

Einstein wrote: E = m c ² .

试一试»

测试自己与练习！

练习1» 练习2» 练习3»