html言語でホームページ

質問

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

回答No.2

三郷北 M君（@mkun55555） · ベストアンサー

<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以下になっていないと、いけません。

お礼

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

回答No.3

noname#140082

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

お礼

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

回答No.1

noname#140082

<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でやらなくてはいけないというのが課題なので、自分の後学のために参考にさせていただきます。
ほんとうにありがとうございました。