TECH I.S.

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>

結果:


Ctrl + Sを押してドキュメントを保存します。


HTML<samp>プログラム出力用

HTML<samp>要素は、コンピュータープログラムからのサンプル出力を定義するために使用されます。内部のコンテンツは、ブラウザーの既定のモノスペース フォントで表示されます。

ドキュメント内のコンピュータプログラムからのサンプル出力としてテキストを定義します。

<p>コンピューターからのメッセージ</p> <p><samp>ファイルが見つかりません。<br>続行するにはF1を押してください。</samp></p>

結果:


コンピュータからのメッセージ:
ファイルが見つかりません。続行するにはF1を押してください


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>三角形の面積s:1/2×<var>b</var>×<var>h</var>で<var>b</var>は底辺で、<var>h</var>は高さです。</p>

結果


三角形の面積:1/2×b×h、でbは底辺で、hは高さです。


この章のまとめ

  • <kbd>要素はキーボード入力を定義します。
  • <samp>要素はコンピュータプログラムからのサンプル出力を定義します。
  • <code>要素は、コンピューターコードの一部を定義します。
  • <var>要素は、プログラミングまたは数式で変数を定義します。
  • <pre>要素は、フォーマット済みテキストを定義します。

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

利用可能なすべてのHTMLタグの完全なリストについては、HTMLタグリファレンスを参照して下さい。



プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細