IT関連

HTMLのCODEタグを使ってソースコードを表示させよう！

  /
目次
  1. codeタグでソースコードを表示できる
    1. 【使用例】

codeタグでソースコードを表示できる

プログラミングの勉強や開発をしている時に、「このIF（インターフェイス）の使い方が分からないな」「このコードはどうやって組んだらいいのかな」という時がありますよね。

Googleなど検索エンジンを使って検索したら、IFの意味や実装の例が大体出てきます。

その時にHTMLのコードに使われるタグがCODEタグです。

このCODEタグは、囲んだテキストが「プログラムのソースコードであること」を意味します。

実際のコーディングのように、インデント（字下げ）や改行をそのまま表示させたいときには、PREタグで外側を囲みます。

【使用例】

HTMLソース

<pre>
<code>
src=”ソースコード”;
document.write(src);
</code>
</pre>

ブラウザ上での表示

src="ソースコード";
document.write(src);

関連記事