| <table border="1" width="90%" bgcolor="#FFFF00"> <tr> <td>文字OR画像を入れる１</td> <td>文字OR画像を入れる２</td> </tr> <tr> <td>文字OR画像を入れる３</td> <td>文字OR画像を入れる４</td> </tr> </table> これをブラウザで表示すると、
わかりやすいように番号入れてみたり(＾＾;) まず<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> が１コの枠になっていて、<tr></tr>を増やせば縦に表が出来ていって、<td></td>を増やせば横に表が長くなっていきます。 </table>は、ここでテーブル終わりですよという事だったり。 |