• 締切済み

【HTML】 イメージの貼り付けと文章の位置

HTMLにイメージを貼り付けをして、そのイメージの説明を下に加えたいのですができません。 イメージは複数あって、各説明があります。 私がしたいこと↓ ページの横一列に均等間隔に写真を3つづつ(左右端の写真がページの一番端に引っ付くのではなく、左右端には2センチほどのスペースがほしいです)、そしてその写真についての説明文は各写真の真下に1つスペースを空けて書く。 っていう感じなんですが、どなたかお分かりになる方教えてください。

みんなの回答

noname#191236
noname#191236
回答No.4

はじめまして、こんにちは。 こんな感じでどうでしょうか? <div align="center"><center> <table border="0" width="90%"> <tr> <td align="center"><img src="画像_1" width="100%"><br>説明 1</td> <td align="center"><img src="画像_2" width="100%"><br>説明 2</td> <td align="center"><img src="画像_3" width="100%"><br>説明 3</td> </tr> </table> </center></div>

  • gura_
  • ベストアンサー率44% (749/1683)
回答No.3

>左右端には2センチほどのスペースがほしいです  例えば、次のようなタグになります。 <table border=0 width=640 align=center> <tr align=center> <td width="33%"><img src="photo1.jpg" alt="photo1" width="80%"><p>photo1の説明文</td> <td width="33%"><img src="photo2.jpg" alt="photo2" width="80%"><p>photo2の説明文</td> <td width="33%"><img src="photo3.jpg" alt="photo3" width="80%"><p>photo3の説明文</td> </tr> </table>  スペース量は、80%を変えればよいでしょう。 タグの詳細については、下記サイトが参考になるでしょう http://www.tohoho-web.com/html/table.htm

  • OUHO
  • ベストアンサー率28% (11/38)
回答No.2

テーブルを使えばできます。 ――――――――――――――――――――――――― <Table Border="1"> <Tr> <Td><Img Src="画像一枚目のURL"></Td> <Td><Img Src="画像二枚目のURL"></Td> <Td><Img Src="画像三枚目のURL"></Td> </Tr> <Tr> <Td>画像一枚目の説明</Td> <Td>画像二枚目の説明</Td> <Td>画像三枚目の説明</Td> </Tr> </Table> ――――――――――――――――――――――――― このようにやれば、多分できるかと・・・

  • hana-hana3
  • ベストアンサー率31% (4940/15541)
回答No.1

html文なら、テーブルを作成する事で可能。

関連するQ&A