TOP /HTML 改行位置による表示の違い

リンク画像の場合
トップページにリンク 

<a href="#">
<img src="top.gif"alt="トップページにリンク"border=0>
</a>
トップページにリンク 
<a href="#">
<img src="top.gif"alt="トップページにリンク"border=0></a>
改行位置による上記の違いがわかりますか？クリックしてみればわかると思います。
画像を並べた場合
HIMAJIN HIMAJIN 
<img src="himajin.gif"alt="HIMAJIN"border=0>
<img src="himajin.gif"alt="HIMAJIN"border=0>
HIMAJINHIMAJIN 
<img src="himajin.gif"alt="HIMAJIN"border=0><img src="himajin.gif"alt="HIMAJIN"border=0>
画像の隙間が違います。
フォームボタンの場合 
<form>
<input type="button"value="ボタン1">
<input type="button"value="ボタン2">
</form>

<form>
<input type="button"value="ボタン1"><input type="button"value="ボタン2">
</form>