日本語を扱かったから文字化けしたんじゃなくて、
ソースの先頭に
<html>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<body>
<pre>
末尾に
</pre>
</body>
</html>

を入れないで、アップしてリンクするから
ブラウザで表示させたら化けるわけです。
(Windows以外のプラットフォームではそうなる可能性大）