HOME > HTML講座 > テーブル(表)を表示する

テーブル(表)を表示する

<table>を使ってテーブル(表)表示をすることができます。

<table>～</table> はテーブルの範囲を表します。
<tr>～</tr> は横１行を表します。<table>内に書きます。
<td>～</td> はセル１つを表します。<tr>内に書きます。

<table>にborder(線)の太さを"1"に設定し、縦３×横２のテーブルを表示してみます。

例

<table border="1">
<tr><td>１</td><td>１つ目のセルです。</td></tr>
<tr><td>２</td><td>２つ目のセルです。</td></tr>
<tr><td>３</td><td>３つ目のセルです。</td></tr>
</table>

結果

１	１つ目のセルです。
２	２つ目のセルです。
３	３つ目のセルです。

<tr>～</tr>が１行を表し、<td>～</td>が１つのセルを表します。

まとめ

<table>～</table>、<tr>～</tr>、<td>～</td>でテーブルを表示する。
<tr>～</tr> は横１行を表す。
<td>～</td> はセル１行を表す。

テーブル(表)を表示する

例

結果

まとめ

関連リンク