HTML <code> タグ

定義と使用方法

<code> タグはコンピュータコードのスライスを定義し、その内容はブラウザのデフォルトの等幅フォントで表示されます。

ヒント：このタグは廃止されていませんが、CSSを使用してより豊かな効果を実現できます（以下の例を参照してください）。

も参照してください：

タグ 説明
<samp> コンピュータプログラムの例を出力を定義します。
<kbd> キーボード入力を定義します。
<var> 変数を定義します。
<pre> プレフォーマットテキストを定義します。

も参照してください：

HTML タイプ：HTML テキストのフォーマット

HTML DOM リファレンスマニュアル：コードオブジェクト

インスタンス

例 1

ドキュメント内でテキストをコンピュータコードとして定義します：

<p>HTML <code>button</code> タグはクリック可能なボタンを定義します。</p>
<p>CSS <code>background-color</code> 属性は要素の背景色を定義します。</p>

自分で試してみる

例 2

使用 CSS で <code> 要素のスタイルを設定します：

<html>
<head>
<style>
code {
  font-family: Consolas,"courier new";
  color: crimson;
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 105%;
}
</style>
</head>
<body>
<p>HTML <code>button</code> タグはクリック可能なボタンを定義します。</p>
<p>CSS <code>background-color</code> 属性は要素の背景色を定義します。</p>
</body>
</html>

自分で試してみる

グローバル属性

<code> タグは以下のイベント属性をサポートしています HTML でのグローバル属性。

イベント属性

<code> タグは以下のイベント属性をサポートしています HTML でのイベント属性。

デフォルトの CSS 設定

ほとんどのブラウザでは以下のデフォルト値を使用して表示されます <code> 要素：

code {
  font-family: monospace;
}

自分で試してみる

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート