画像のきれいな配置（HTML)

[dic]

HTMLに画像を表示させようとしてます
そこで、作成したものが
http://arakawa.toypark.in/
にあるコンテンツギャラリーのように、縦、横　同じサイズで表示されてしまって
もとの画像ファイルの縦横の比率どおりに表示されず、変に表示されてしまいます

http://www.sweetnote.com/board/moon/
ここのサイトのように、画像ファイルの縦横の比率を反映しながらHTMLに表示させたいと
思っています
この場合、どのようにしてHTMLコードを書けばいいのでしょうか？
ソースを見たのですがjava scriptなのでしょうか、読めませんでした

直接テキストエディタなどで比率を計算して、その結果を書き込むのではなくて
プログラム側で対応できないものかどうかです
期待しているものとしては、縦横の比率が正しく表示される一覧を作り
その画像をクリックするとその画像が拡大して表示されるHTMLコードを作成する
プログラムを組みたいと考えています

[dic]

自己解決です
Vixソフトにこのような機能がありました