画像タグ

質問

タグ勉強中です。
この全部を１つにつなげたいのですが。。。
A. １行に画像を４枚、３列にならべたい（横４枚、縦３枚）
B. それぞれの画像の左右、上下にスペースを入れたい
C. それぞれの写真画像の下に文字を入れて画像と文字を
　　クリックして別のページに変わるようにしたい

『index』『とほほ』その他のサイトなどを見ながらなんとか
画像を張る、画像下に文字を書いて違うページにとばすことが
やっとできるようになったのですが、スペースタグを入れてみても
全く変わりません。１つ１つ別々だとできたのですが、
全部を１つにつなげることがどうしてもできません。
何度しても写真画像が左側にくっついたままです。
CSSがまだよく分からないのでHTMLタグだけでしたいのですが、
両方でしないとできないのでしょうか？

御教授下さいますようお願い致します。

回答No.3

nanase_p_q · ベストアンサー

テーブルを利用されてはいかがでしょうか。

<TABLE border="0">
　<TR>　　#TRは行を表します#
　　　<TD>　　#TDは列を表します#
　　　　　<A href="アドレス名">
　　　　　　　<IMG src="画像名" width="幅"
　　　　　　　　　height="高さ" hspace="左右の余白"
　　　　　　　　　vspace="上下の余白"><BR>
　　　　　　　ページ1へのリンク
　　　　　</A>
　　　</TD>
</TR>
</TABLE>

IMGタグでは、属性として以下のような設定ができます。
src="img1.gif　画像の名前を設定する
width="100"　　幅を設定する
height="75"　　高さを設定する
hspace="10"　　左右の余白を設定する
vspace="10"　　上下の余白を設定する
border="0"　　 輪郭線の太さを設定する（0は表示しないという意味）

お礼

御丁寧なご返答有難うございます。
詳しく分かりやすく書いて下さり有難うございます。
そのようにしてみましたが、画像が横に３枚ならばず
斜め下に並んでしまいます。
文字が画像の真下ではなく横下にずれて表示されたりするので、
ずっとしていたのですが、まだ苦戦中です。

<TR>　#TRは行を表します#　←#（この中）#に何かを書くのでしょうか？試してみましたが違うようですし。。。
<TD>　　#TDは列を表します#←これも同様に？
どこが違うのかが見つけれられず、苦戦中。

補足

<TR><TD>
意味が分かりました。有難うございます。失礼致しました。

回答No.2

noname#39970

>両方でしないとできないのでしょうか？
できるけど推奨されない、及び対応しないブラウザが有る。
よって両方で行う方が適切。

行列表示に関してはNo1が言うtableを使用する方が良いかな。

お礼

ご返答有難うございます。参考にさせて頂きます。

回答No.1

STICKY2006

こんちは～。

ん～。。。イーマイチ意味が～。。。？？？

「テーブル」のお勉強はしましたか？

１行～に４×３なら、４×３のテーブルを突っ込めばよい気はしますがー。。。