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»