最新のWeb開発のチュートリアル

HTMLのコンピュータコード要素

コンピュータコードの要素

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

HTMLのコンピュータコードフォーマット

HTMLは通常、可変レターサイズと間隔を使用しています。

コンピュータコードの例を表示するときにこれが欲しかっされていません。

<kbd> <samp>および<code>要素のすべての支持固定レターサイズおよび間隔。


HTML <kbd>キーボード入力の場合

HTML <kbd>要素は、キーボード入力を定義しています。

<kbd>File | Open...</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 2 .
»それを自分で試してみてください

練習で自分自身をテストします!

演習1» 演習2» 演習3»


HTMLのコンピュータコード要素

タグ 説明
<code> プログラミングコードを定義します
<kbd> キーボード入力を定義します
<samp> コンピュータ出力を定義します
<var> 変数を定義します
<pre> 整形済みテキストを定義