html言語でホームページ

学校の授業でhtmlタグを使ってホームページを作っています。
たとえば使いたい画像が４つあるとして、それぞれ大きさも違います。それを水平方向に配置したいのです。さらにその画像の右横に文字を書きたいです。
が、「画像に回り込ませるテキスト」としてalign="left"を使うと４つ全部の画像に適用できません。
やり方を教えてください。
またスペース分を反映させるためにはどうすればいいでしょうか？

No.2 ベストアンサー 回答者： mkun55555 回答日時： 2010/02/20 17:36

<img src="××1" width="●●1" height="△△1" border="0" align="left" />

<img src="××2" width="●●2" height="△△2" border="0" align="left" />
<img src="××3" width="●●3" height="△△3" border="0" align="left" />
<img src="××4" width="●●4" height="△△4" border="0" align="left" />
あああ<br />
いいい<br />
ううう<br />
とすれば、良いはずですが、どんな環境のPCでも意図した通りに表示させる為には、
●●の合計が800以下になっていないと、いけません。

この回答へのお礼

こんなふうにやればいいんですね！
想像もできませんでした。
なんとか見よう見まねでがんばって完成させます。
本当にありがとうございました。

お礼日時：2010/02/22 10:06

No.3 回答者： ghyytucvuk 回答日時： 2010/02/21 20:32

No.1です。

済みません。
勘違いしていましたので、たぶんmkun55555さんのが正しいと思います。

この回答へのお礼

ありがとうございました。
自分の意図するようにページを作ることがこんなに難しいとは思いませんでした。
参考にさせていただいてなんとかがんばって作り上げたいと思います。

お礼日時：2010/02/22 10:04

No.1 回答者： ghyytucvuk 回答日時： 2010/02/20 17:16

<DIV style="top:50px; left:50px; float:left; width:1000px">

<IMG src="file:1618440579.jpg" border="0" width="167" height="270">
<a>image-1</a>
<IMG src="file:1618440579.jpg" border="0" width="167" height="270">
<a>image-2</a>
<IMG src="file:1618440579.jpg" border="0" width="167" height="270">
<a>image-3</a>
<IMG src="file:1618440579.jpg" border="0" width="167" height="270">
<a>image-4</a>
</DIV>

一応、こちらで確認しました。
ミソとしては、CSS（スタイルシート）を用い、float:left;を指定していることです。
もしかしたら、CSSを用いずHTMLだけなのかも知れませんが、たぶんできないと思いますし、そのようなやり方は推奨されていません。
width:1000px は無くとも大丈夫でしたが、折り曲がるようなら適宜入れてください。
また、写真を離して配置するのであれば、さらに<DIV>を入れ子にして、top,leftで指定すればいいでしょう。
ちなみに、ホームページビルダーでやろうとすると、おかしな感じに再編集(?)されてしまいます。

この回答へのお礼

ありがとうございました。「推奨」という言葉じたいタグで見ますが、どういうことなんだろうと思っていました。
なるほど！と思いました。
htmlでやらなくてはいけないというのが課題なので、自分の後学のために参考にさせていただきます。
ほんとうにありがとうございました。

お礼日時：2010/02/22 10:08