6-5

 超初心者を脱皮したい-5
   画像と文書を並べて使うのは。


『答え』 簡単です。 少しタグを書き足すだけです。

イメージは、こんな感じにしたい訳ですよねえ。


あいうえお
かきくけこ
abcdefg
123456

ここに色々とコメントを書いて行くってことです。



画像との横並びは、こんなHTMLになります。

<img align=left src="photo/abc.gif"><br>
あいうえお<br>かきくけこ<br>
abcdefg<br>123456と<br><br>
ここに色々とコメントを書いて行くってことです。<br><br>
<br clear="all"><br>

いやはや簡単でしたねえ。 align=というタグだけです。
御聡明な生徒さんはお気付きの通り、leftrightに変えると画像と文字コメントの位置が逆になります。(^^)
どうです、わかりましたか。ここまで理解されたらこの項は修了。

ちょっと注意事項を書きましょうか。
画像表示タグの中に"photo/abc.gif"なーんてのがありますね。このphoto/という部分は画像を他のフォルダにまとめている場合のタグです。この場合はその画像フォルダの名前がphotoという訳です、英数半角文字であれば、自由なフォルダ名で構いません。
もうひとつ注意事項を。
サンプルのHTMLの最後の方に br clear="all" というのがありますね。
これ大事です。これが画像の横並び終了の合図です。これを忘れるとこれ以降のレイアウトが思う通りにならないですよ。


質問メール  OZ道場メニュー