HTMLの学習パート12：HTMLでのKbd、Samp、Code、およびVar要素の使用

この議論では、資料は<kbd>タグを使用してキーボードから入力されたコマンドを書き込む、<samp>タグを使用してプログラムのサンプルコードを書き込む、<code>タグを使用してHTMLにコードを書き込む、テキストを書き込むHTMLのコード形式（技術的なものを書く）について説明します<var>タグ付きのプログラム変数または数学変数が含まれています。

これらのタグはすべて、ディスプレイと比較したHTML構造。一般に、これらのタグは、Webコンテンツにあるプログラムコードの記述に使用されます。これらのタグの使用をよりよく理解するために、以下の説明を見てみましょう。

A. <kbd>要素の使用

kbd要素はキーボードを表します。 <kbd>タグは、ユーザーからの入力を表すために使用されます（キーボードまたは音声コマンドなどの他のデバイスからの文字の形式で）。

<kbd>タグに含まれるテキストまたはコンテンツは、等幅フォントで表示されます。 HTMLで<kbd>タグを使用するコードの例を次に示します。

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen kbd di HTML</title>
</head>
<body>
<p>Untuk mematikan proses, tekan <kbd>CTRL+ALT+Delete</kbd></p>
</body>
</html>

上記のコードをWebブラウザーで実行すると、次のように表示されます。

B. <samp>要素の使用

samp要素は、サンプルプログラムの略語です。インライン要素のタイプを含み、既存のテキストフローに従います。このタグは、コンピュータプログラムからの出力例を書き込むために使用されます。 <samp>タグ内のテキストは、<code>タグと同様に、複数のスペースを削除することにより、等幅フォントのWebブラウザーで表示されます。

HTMLで<samp>タグを使用するコードの例を次に示します。

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen samp di HTML</title>
</head>
<body>
<p>Mengkonversi nilai ASCII ke dalam karakter dengan menggunakan metode <samp>string.fromCharCode()</samp>
</body>
</html>

上記のコードをWebブラウザーで実行すると、次のように表示されます。

C. <code>要素の使用

<code>タグは、コードセクションの記述に使用されますコンピュータをHTMLに変換します。コンピュータコードには、XML要素の名前、コンピュータプログラム、ファイルの名前、またはコンピュータによって認識されるその他のコードが含まれます。

<samp>タグ内のテキストが表示されます1つ以上のスペースを削除することにより、モノスペースフォントを使用するWebブラウザー。このタグはインライン要素タイプにも含まれ、既存のテキストフローに従います。 <samp>タグには、記述されたコンピューターコードの言語を示すために使用することが推奨されるクラス属性があります。たとえば、CSSコードを記述するには、次のようにクラス属性に「language-css」と記述します。 <code class = "language-css"> ... </ code>.

HTMLで<code>タグを使用するコードの例を次に示します。

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen Code di HTML</title>
</head>
<body>
<p>CSS Default Setting : <code class="language-css">code{ font-family: monospace; }</code></p>
</body>
</html>

上記のコードをWebブラウザーで実行すると、次のように表示されます。

D. <var>要素の使用

var要素は変数の省略形ですプログラム変数または数式を定義して書き込むために使用されます。このタグに含まれるテキストは、イタリック（イタリック）で表示されます。

HTMLで<var>タグを使用するコードの例を次に示します。

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen Var di HTML</title>
</head>
<body>
<p>Misalkan laba diinisialisasikan sebagai <var>x</var></p>
</body>
</html>

上記のコードをWebブラウザーで実行すると、次のように表示されます。