dポイントプレゼントキャンペーン実施中!

HTMLにイメージを貼り付けをして、そのイメージの説明を下に加えたいのですができません。

イメージは複数あって、各説明があります。

私がしたいこと↓

ページの横一列に均等間隔に写真を3つづつ(左右端の写真がページの一番端に引っ付くのではなく、左右端には2センチほどのスペースがほしいです)、そしてその写真についての説明文は各写真の真下に1つスペースを空けて書く。

っていう感じなんですが、どなたかお分かりになる方教えてください。

A 回答 (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>
    • good
    • 0

>左右端には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
    • good
    • 0

テーブルを使えばできます。


―――――――――――――――――――――――――
<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>
―――――――――――――――――――――――――
このようにやれば、多分できるかと・・・
    • good
    • 0

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

    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!