授業形式でhtml・ソース・タグを勉強し、ホームページを自作する　画像と文章の関係１

１つの枠の中に画像と文章を入れるとき、何も工夫しないと次のようになります。

ソースはこれです。

<table width="400" border="1">
<tr>
<td><img src="gazou/a07.jpg">
１つの枠の中に画像と文章を入れるとき、何も工夫しないと次のようになります。
１つの枠の中に画像と文章を入れるとき、何も工夫しないと次のようになります。
１つの枠の中に画像と文章を入れるとき、何も工夫しないと次のようになります。
１つの枠の中に画像と文章を入れるとき、何も工夫しないと次のようになります。
</td>
</tr>
</table>

１つの枠の中に画像と文章を入れるとき、何も工夫しないと次のようになります。１つの枠の中に画像と文章を入れるとき、何も工夫しないと次のようになります。１つの枠の中に画像と文章を入れるとき、何も工夫しないと次のようになります。１つの枠の中に画像と文章を入れるとき、何も工夫しないと次のようになります。

つまり、画像は「ひとつの大きな文字」と考えれば良いのです。
画像の下のラインと文字の下のラインが揃います。
だから、画像と文章先頭との間に「 <br> 」改行タグを入れると次のようになります。

<table width="400" border="1">
<tr>
<td><img src="gazou/a07.jpg"><br>
１つの枠の中に画像と文章を入れるとき、何も工夫しないと次のようになります。
１つの枠の中に画像と文章を入れるとき、何も工夫しないと次のようになります。
１つの枠の中に画像と文章を入れるとき、何も工夫しないと次のようになります。
１つの枠の中に画像と文章を入れるとき、何も工夫しないと次のようになります。
</td>
</tr>
</table>

画像の位置を中央にするときは次のようにしますが、この場合は「 </center> 」で改行されるので、「 <br> 」改行タグは不要です。

<table width="400" border="1">
<tr>
<td><center><img src="gazou/a07.jpg"></center>
１つの枠の中に画像と文章を入れるとき、何も工夫しないと次のようになります。
１つの枠の中に画像と文章を入れるとき、何も工夫しないと次のようになります。
１つの枠の中に画像と文章を入れるとき、何も工夫しないと次のようになります。
１つの枠の中に画像と文章を入れるとき、何も工夫しないと次のようになります。
</td>
</tr>
</table>