<pre>　〜　<pre>　で囲まれた部分は　そのHTMLソース内で書かれた文字情報はもちろん
スペースや改行まで　そのまま表示させることができます
ＨＴＭＬソースや　スクリプトなどをホームページ上表示させるのには　とても便利なタグです

しかし　<　とか　>　とか　＆　は特殊文字に認識されてしまいますから
<　は　 &lt;　　>　は　&gt;　　＆　は　&amp; 　で記載するようにしてください

では　ここでちょっとした実験です
半角スペースを使って　ピラミッドを作ってみます

●　<p>　と　<pre>　の違い

半角スペースを使って　三角形を並べてみます
通常の場合とと　<pre>を使ったときのの違いを見比べてみましょう

<pre>
       ▲
　　　▲▲
　　 ▲▲▲
    ▲▲▲▲
　 ▲▲▲▲▲
　▲▲▲▲▲▲
 ▲▲▲▲▲▲▲
</pre>
        

 <p>
       ▲<br>
　　　▲▲<br>
　　 ▲▲▲<br>
    ▲▲▲▲<br>
　 ▲▲▲▲▲<br>
　▲▲▲▲▲▲<br>
 ▲▲▲▲▲▲▲
</p>

       ▲
　　　▲▲
　　 ▲▲▲
    ▲▲▲▲
　 ▲▲▲▲▲
　▲▲▲▲▲▲
 ▲▲▲▲▲▲▲

上記の場合だと　<pre>　の場合は　半角スペースも　改行もきちんとと認識されて
きれいなピラミッド型になっていますね

逆に　<p>　の場合は　半角スペースは無視されて
すべて　左側に整列されてしまいます
改行を指定しないと　一列になってしまいますので　<br>も必要になりますよね
それぞれのちがいがはっきりわかりますね