HTML & CSS - code タグ

基本的な使い方

code タグは、ソースコードを表します。複数行のソースコードを表す場合は pre タグと合わせてよく使用されます。

<pre>
    <code>
        // ここにソースコードを書く
        console.log("Hello!");
    </code>
</pre>
code タグの基本的な書き方

pre タグとは、整形済みテキストを表すためのタグです。HTML ドキュメントは、空白や改行などのホワイトスペースは詰められて表示されます。しかし pre タグを使用すると、それらのホワイトスペースをそのまま表示してくれます。

インライン表示

code タグで囲まれた部分は、インライン要素として表示されます。そのため、code タグは段落などの文章中にも使用することができます。

<p><code>console.log()</code> で文字列を出力してみましょう。</p>
code タグはインライン要素として表示される

console.log() で文字列を出力してみましょう。

ブラウザ表示

外部リンク