5・テーブル(表)を作る



<table border="1" width="90%" bgcolor="#FFFF00">
<tr>
<td>
文字OR画像を入れる1</td>
<td>
文字OR画像を入れる2</td>
</tr>
<tr>
<td>
文字OR画像を入れる3</td>
<td>
文字OR画像を入れる4</td>
</tr>
</table>

これをブラウザで表示すると、
文字OR画像を入れる1 文字OR画像を入れる2
文字OR画像を入れる3 文字OR画像を入れる4
というふうになります。
わかりやすいように番号入れてみたり(^^;)
まず<table border="1" width="90%" bgcolor="#FFFF00">の説明をしましょう。
これは、わかりやすく言えば、ここからテーブルですよ。という事なんですが、
border=1で線の太さを、 width=300で横幅を、bgcolor="#FFFF00"でテーブル内の色を指定しています。
因みにwidth="90%"とbgcolor="#FFFF00"はなくてもかまわなかったり(^^;)
width="90%"を抜かした場合、表の横幅は文章の長さに自動的に設定されて、bgcolor="#FFFF00"を抜かすと、テーブル内はページの背景と同じになります。
でもってbgcolor="#FFFF00"の#FFFF00はカラーコードだったり。
この、bgcolor="#FFFF00"のトコをbackground="拡張子付き画像のファイル名"に変えると、表の中に背景画像を入れる事もできます。
でもって
<tr>
<td>文字入るトコ</td>
</tr>
が1コの枠になっていて、<tr></tr>を増やせば縦に表が出来ていって、<td></td>を増やせば横に表が長くなっていきます。
</table>は、ここでテーブル終わりですよという事だったり。