タグをHTML文書中にソースとしてそのまま表示されるように記述するときは、 textarea内に表示する以外は文字参照を使って < は &lt; のように 書かなければならないので邪魔臭いですね。
※ 正しくはtextarea内であっても文字参照で書かなければいけません。
例えば、
<img src="welcome_g.png" alt="Welcome">
このように表示されるように記述するときは
&lt;img src="welcome_g.png" alt="Welcome"&gt;<br>
といった具合に書きます。
JavaScript等 " や ' の入り混じったものは " を &quot;   ' は &#39; と書かなければならない場合もあり更に複雑になります。 これを手作業で行っていると混乱して書き間違える事も度々。(苦笑)
そこで簡単に変換出来るようなフォームを作ってみました。
< → &lt;
> → &gt;
& → &amp;
に変換し、改行すれば<br>が付くようにしてあります。
面倒だと思いながらも、いつも手動で入力されている方、是非ご活用ください。
※ ' は、XHTMLの文字実体参照として &apos; がありますが、これは HTML4.01 では定義されていませんので、数値文字参照 &#39; としました。ただ、ブラウザが XHTMLにも対応していますので、HTMLで &apos; を使用しても表示はされます。
オプション   " → &quot;に変換   ' → &#39;に変換  

    

ここに変換されたHTMLを使って実際に表示されます。
入力したものと同じになればOK