基本のテーブルタグ

テーブルの基本タグ

基本のテーブルタグです！！

テーブルの基本タグは

です。
<table>はテーブルを表します。
<tr>はテーブルの行を
<td>はテーブルの列（セル）を表します。
文字は <td> と </td> の間に書きます。

基本のタグ（ここはセルの中）
↑↑
枠の中に文字を書いています。
これが基本のテーブルタグです。線の太さなどを指定していないので、ウェブ上で見ると線は見えませんが、枠の中に文字を書いています。文字は<td></td>の間に書きます。

<table>
<tr>
<td>基本のタグ（ここはセルの中）</td>
</tr>
</table>

枠をつけました

<table>にborder="1"を追加しました。枠が表示されます。"1"は枠のサイズです。"0"にすると枠は表示されません。

<table border="1">
<tr>
<td>枠をつけました</td>
</tr>
</table>

枠をつけて、サイズを指定

サイズを指定し、センタリングしました。
サイズ指定をしないと文字を書いた分、伸びていきます。

<table border="1" width="200">
<tr>
<td align="center">枠をつけて、サイズを指定</td>
</tr>
</table>

枠をつけて、サイズを指定

１行増やしました。

<table border="1" width="200">
<tr>
<td align="center">枠をつけて、サイズを指定</td>
</tr>
<tr>
<td align="center">枠をつけて、サイズを指定</td>
</tr>
</table>

枠をつけて、サイズを指定

１列増やしました。

<table border="1" width="400">
<tr>
<td align="center">枠をつけて、サイズを指定</td>
<td align="center">枠をつけて、サイズを指定</td>
</tr>
</table>

まとめ

<table>～</table>	テーブルの始まりと終わりを指定します。
<tr>～</tr>	行を指定します。
<td>～</td>	セル（列）を指定します。
<tr>～</tr>は縦、<td>～</td>は横と覚えるとコピーで増やしたり、減らしたりする時にとても楽です。

→　次はテーブルに背景色をつけてみましょう

テーブル（作成・枠線）

テーブル（背景・位置）

カラーコード表

css
java
home