• 投稿者:
  • 投稿コメント:0件のコメント
  • 投稿カテゴリー:HTML
  • 投稿の最終変更日:2021年3月23日

コンピュータコード

<code>
x = 5;<br>
y = 6;<br>
z = x + y;
</code>


HTML <kbd> For Keyboard Input

キーボード入力用の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> 要素は、プログラムまたはコンピューティングシステムからの出力を表す。

<samp> タグで囲まれたテキストは通常等幅フォントで表示されます。:

例文

<p>間違った値を入力すると、プログラムはエラーを返します。 <samp>Error!</samp></p>

結果:

間違った値を入力すると、プログラムはエラーを返します。
Error!

スポンサーリンク

コンピュータコードのHTML <code>

HTML <code> 要素はコンピュータコードの断片を定義します。

<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 コンピュータコード要素

Tag 説明
<code> Defines programming code
<kbd> Defines keyboard input
<samp> Defines computer output
<var> Defines a variable
<pre> Defines preformatted text

利用可能なすべてのHTMLタグの完全なリストについては、 HTML Tag 辞典をご覧ください。

コメントを残す