【HTML】ソースコードを表示する

preタグでスペースや改行をそのまま表示する。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>【HTML】ソースコードを表示する</title>
  </head>
  <body>
<pre>
<code>
#include &lt;iostream&gt;
using namespace std;

int main() {
  cout << "Hello, World!" << endl;

  return 0;
}

</code>
</pre>
  </body>
</html>

※ HTMLでは大なり・小なり記号はそのまま表示できないため、
大なりの場合は > 、小なりの場合は < のように記述する必要がある。

この場合、C++で Hello, World! と出力するソースコードが表示される。

サンプルページ