タグでの画像・コメントの配置について（パソコン初心者です）

質問

初歩的な質問なのですが、テーブルタグを使って下のように作成するためには
どうしたらいいでしょうか？

画像 スペース 画像
コメント スペース コメント

要は、画像を並べ、その画像の下にコメントを入れたいのですが…
わかりずらい説明で申し訳ありませんが、どうぞよろしくお願いします。

回答No.2

tenderfeel · ベストアンサー

手打ちで作ってるんでしょうか？
初めてならHTMLエディタとか使うと楽ですよー。

<table></table>　→テーブルを作成
<tr></tr>　→　行（横方向）
<td></td>　→　セル（縦方向）

※tdは必ずtrの中に入ってないといけません。
※tdの数は全ての行で同じ数でないといけません。
※td>を入れたtrは全て<table></table>の中に入ります。

>画像|スペース|画像
>コメント| スペース|コメント

これだと横に３マス、縦２列なので
<tr>
　<td>1</td><td>2</td><td>3</td>
</tr>
trの中にtdが３つ入ります。これを２つ並べるとご希望の配置になります。
何も入ってないtdセルはスペースや&nbsp;（空白文字）、透明gif等を入れます。

<table>
<tr><td><img src="hoge1.jpg"></td><td>&nbsp;</td><td><img src="hoge2.jpg"></td></tr>
<tr><td>コメント１</td><td>&nbsp;</td><td>コメント２</td></tr>
</table>

お礼

丁寧にありがとうございます、綺麗に並べることができました！

回答No.1

noname#79650

とりあえず基本。

<table>
<tr>
<td><img src="hoge.jpg"></td><td><img src="hoge2.jpg"></td>
</tr>
<tr>
<td>コメント１</td><td>コメント２</td>
</tr>
</table>

サイトや本で勉強してください。

お礼

ありがとうございます！表示することができました