コンピューターのエンコーディングとは、コンピューターが内部で文字や数字を表現する方法を指します
通常、HTML では可変の文字サイズと可変の文字間隔が使用されます。
しかし、コンピューターのコード例を示すときは、このようにする必要はありません。
コンピュータコード要素
| タグ | 説明 |
| <コード> ; | コンピューターコードテキストの定義 |
| 定義 キーボードテキスト l & lt ; sAMP & gt; コンピューター コードの例を定義します | |
| & lt;
HTML 要素定義キーボード入力:
例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>php.cn</title>
</head>
<body style="font-size:16px">
<p>HTML kbd 元素表示键盘输入：</p>
<p><kbd>File | Open...</kbd></p>
</body>
</html>
プログラム実行結果:
上記の<kbは変更可能ですコードd>削除して、何が違うのか見てみましょう
HTML <samp>gt; 要素定義のコンピューター出力:
例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>php.cn</title>
</head>
<body style="font-size:16px">
<p>HTML samp 元素表示计算机输出示例：</p>
<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>
</body>
</html>
プログラムの実行結果:
HTML <code>定義プログラミング:
<コード> 要素は余分なスペースや改行を保持しません:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>php.cn</title>
</head>
<body style="font-size:16px">
<p>code 示例</p>
<code>
var person = {
firstName:"Bill",
lastName:"Gates",
age:50,
eyeColor:"blue"
}
</code>
</body>
</html> プログラムの実行結果:
コード例
var 人 = {
名前:「ビル」、
姓:「ゲイツ」、
年齢:50歳、
目の色:「青」
}
HTML <pre> プログラム実行結果:
HTML < ;var> 要素定義数学変数:
インスタンス
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>php.cn</title>
</head>
<body style="font-size:16px">
<p>code 元素不保留多余的空格和折行：</p>
<p>如需解决该问题，您必须在 pre 元素中包围代码：</p>
<code>
<pre>
var person = {
firstName:"Bill",
lastName:"Gates",
age:50,
eyeColor:"blue"
}
</pre>
</code>
</body>
</html>
プログラム実行結果:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>php.cn</title>
</head>
<body style="font-size:16px">
<p>爱因斯坦的公式：</p>
<p><var>E</var> = <var>m</var> <var>c</var><sup>2</sup></p>
</body>
</html>
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜
![フロントエンドプロジェクト-Shangyou [HTML/CSS/JS技術総合演習]](https://img.php.cn/upload/course/000/000/068/63bfcb2974f91471.jpg)
