HTMLコンピュータコード要素
HTMLには、ユーザー入力とコンピューターコードを定義するためのいくつかの要素が含まれています。
例
<code>
x = 5;
y = 6;
z = x + y;
</code>
キーボード入力用のHTML <kbd>
HTML<kbd>
要素は、キーボード入力を定義するために使用されます。内部のコンテンツは、ブラウザのデフォルトの等幅フォントで表示されます。
例
ドキュメントのキーボード入力としてテキストを定義します。
<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>
結果:
Save the document by pressing Ctrl + S
プログラム出力用のHTML <samp>
HTML<samp>
要素は、コンピュータープログラムからのサンプル出力を定義するために使用されます。内部のコンテンツは、ブラウザのデフォルトの等幅フォントで表示されます。
例
ドキュメント内のコンピュータプログラムからのサンプル出力としてテキストを定義します。
<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to
continue</samp></p>
結果:
Message from my computer:
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>The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var>
is the base, and <var>h</var> is the vertical height.</p>
結果:
The area of a triangle is: 1/2 x b x h, where b is the base, and h is the vertical height.
章のまとめ
<kbd>
要素はキーボード入力を定義します- この
<samp>
要素は、コンピュータープログラムからのサンプル出力を定義します - この
<code>
要素は、コンピューターコードの一部を定義します - この
<var>
要素は、プログラミングまたは数式で変数を定義します <pre>
要素はフォーマット済みのテキストを定義します
HTML演習
HTMLコンピュータコード要素
Tag | Description |
---|---|
<code> | Defines programming code |
<kbd> | Defines keyboard input |
<samp> | Defines computer output |
<var> | Defines a variable |
<pre> | Defines preformatted text |
利用可能なすべてのHTMLタグの完全なリストについては、HTMLタグリファレンスにアクセスしてください。