ホームページ作成

ホームページ作成講座(12)～tableタグ[1]～

ホームページ作成講座12回目です。
今回はtable タグについてご紹介。
レイアウトに用いることが多いタグですが、
元々は表を作成するタグです。
具体的には、

<table border="1">
<tr><td>りんご</td><td>200円</td></tr>
<tr><td>バナナ</td><td>150円</td></tr></table>

このように記述すると、ブラウザ上では

りんご	200円
バナナ	150円

このように表示されます。
部分的に見ていくと、
border=""で枠線の太さを指定、
trの部分で行毎の設定、tdの部分でそれぞれのセルの設定をしていきます。
tableの場合も、大きさを変えたいときはwidth、heightで大きさを変えます。
例えば、

<table border="1" width="400" height="200">
<tr width="400" height="100">
<td width="200" height="50">りんご</td>
<td width="200" height="50">200円</td></tr>
<tr width="400" height="100">
<td width="200" height="50">バナナ</td>
<td width="200" height="50">150円</td></tr></table>

このように記述すると、ブラウザ上では

りんご	200円
バナナ	150円

このように表示されます。