HTML5でホームページを作ろう


HTML5でホームページを作ろう


■テーブル(表)を作る

<table>
<caption>……</caption>
<thead>
<tr> <th>……</thead>
<tfoot> <tr> <th>……</tfoot>
 <tbody>
<tr> <td>……</td> </tr>
 </tbody>
</table>
123
123
border属性　枠を作ります。
　　　　　　単位はpxです。デフォルトは0です。
width属性　上記と同じ
height属性　上記と同じ

よくtable要素直下にtr要素を入れていますが、HTML5では入れてはいけないことになっています。
なのでtbody要素の下に入れるようにしてください。


■テーブルのタイトルを指定

<caption>……</caption>
そのテーブルのタイトルです。
そのテーブルの中に1つだけ入れることが出来ます。


■テーブルのヘッダー

<thead>……</thead>
テーブルのヘッダーを定義します。
そのテーブルの中に1つだけ入れることが出来ます。


■テーブルのフッター

<tfoot>……</tfoot>
テーブルのフッターを定義します。
そのテーブルの中で1つだけ入れることが出来ます。


■テーブルのセル

<td>……</td>
colspan属性　セルを横方向に指定した数だけ連結させます。
rowspan属性　セルを縦方向に指定した数だけ連結させます。
border属性　枠を作ります。単位はpxです。
width属性　横幅を指定します。単位はpxです。
height属性　縦幅を指定します。単位はpxです。

テーブルのセルを表します。
必ずtr要素の中に入ります。
このタグが親要素の最後に来る、次にtd,tr,thが来る場合は終了タグを省略できます。


■テーブルの行

<tr>……</tr>
width属性　横幅を指定します。単位はpxです。
height属性　縦幅を指定します。単位はpxです。

テーブルの行を表します。
この中にtd要素を入れます。


■テーブルのヘッダーセル

<th>……</th>
colspan属性　セルを横方向に指定した数だけ連結させます。
rowspan属性　セルを縦方向に指定した数だけ連結させます。
headers属性　セルのid属性の値を指定します。
scope属性　セルの範囲を表す文字を記入します。

テーブルのヘッダーのセルを表します。


戻る