ホームページ作成 - テーブルを表示する

テーブルを表示する

テーブルを表示する方法です。

このテーブル（表）は下記のサンプルの様に『表』として表現する事が目的で、各セル数字や項目を入れて表現します。

しかし、このテーブル（表）は、特徴として表示場所や順序が変化しない事がありますので、下記のサンプルの様に『セル１－１』の横に『セル１－２』を設定すると、基本的にその位置関係はブラウザを変えて表示しても変化しません。

この特徴を利用して、本来は『表』として使用するのですが、『枠線』を表示しない様にして、ページのデザインレイアウトに使用する事もできます。よく言われる『テーブルレイアウト』と呼ばれます。

sample

テーブルタイトル
見出１	見出２
セル１－１	セル１－２
セル２－１	セル２－２

ＨＴＭＬ　<table>

テーブルを表示する方法です。

テーブルは、下記の様なもので構成されてます。

テーブル全体
テーブルタイトル
行全体
見出セル
項目セル

タグ	意味
`<table border="太さ">～</table>`	テーブル全体。 (『太さ』は枠の太さです。)
`<caption>～</caption>`	テーブルタイトル
`<tr>～</tr>`	行全体下記の`<th>`や`<td>`を囲みます。
`<th>～</th>`	見出セル
`<td>～</td>`	項目セル

書き方は


<table border="1">
<caption>テーブルタイトル</caption>
<tr><th>見出１</th><th>見出２</th></tr>
<tr><td>セル１－１</td><td>セル１－２</td></tr>
<tr><td>セル２－１</td><td>セル２－２</td></tr>
</table>

こうなります