|
・・・ テーブルの基本知識・・・
一見、ＨＴＭＬは不器用だが、テーブルを使えばレイアウトを自由自在に操ることができる。テーブルをマスターすれば、どんなレイアウトも自由自在！
テーブルは複雑な分、タグを組み合わせて作るようになっている。テーブルをつくるには、<table> ... </table>の中に<tr> ... </tr>で行をつくり、さらにその中に<td> ... </td>を入れてデータセルをつくらなくてはいけない。どちらも任意の数だけ挿入できるが、表示するテキストや画像はデータセルの中に入ってなくてはいけない。
例１）テーブルの作成法
|
ソースコード：
<table border=2><tr>
<td>内容</td>
</tr></table>
|
表示結果：
|
例２）行のセルを増やす：
|
<table border=2><tr>
<td>内容１</td>
<td>内容２</td>
<td>内容３</td>
</tr></table>
|
|
例３）行を増やす：
<table border=2>
<tr>
<td>内容１</td>
<td>内容２</td>
<td>内容３</td>
</tr>
<tr>
<td>内容４</td>
<td>内容５</td>
<td>内容６</td>
</tr>
</table>
|
|
|
