プロが教える店舗&オフィスのセキュリティ対策術

イラストレーターで作りましたが
写真が横並び、なおかつその個々の写真の下
中心部に解説の文字が入ります。この様なページを
HTMLで表現したらどの様になるのでしょうか
画像表示も<IMG SRC='*********'>挿入と
表現したいのです。教えて下さい

A 回答 (2件)

いろいろな作り方がありますが、以下一例です。


<div align="center">
<center>
<table border="0" cellpadding="0">
<tr>
<td>
<h2 align="center"><b>北海道旅行<br>
</b></h2>
<div align="center">
<table border="0" cellpadding="0">
<tr>
<td><img border="0" src="写真A.jpg" width="384" height="262"></td>
<td><img border="0" src="写真B.jpg" width="396" height="262"></td>
</tr>
<tr>
<td>
<p align="center">写真Aの解説</td>
<td>
<p align="center">写真Bの解説</td>
</tr>
</table>
</div>
<p> </td>
</tr>
</table>
</center>
</div>
    • good
    • 0

さまざまなレイアウトを組みたい場合は、表を用います。


表の枠を表示させない設定で、表の中に図や文字を入れます。
できるだけ 枠を分けたほうがレイアウトしやすくなりますよ。
    • good
    • 0

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