普通は見えないソースコードの中身も<pre>と<code>を使うことによって表示させることができます。
code要素のみでも表示できますが、pre要素を使うことでHTMLに記述された通りに表示されます。改行、インデント（字下げ）、半角スペースなどがそのまま表示されます。
また、ウェブページに特殊な文字や記号を表示させたい場合（「<」や「>」など）についてもみていきます。