no-image

テーブル

table/テーブル関連

表を組む。

結果

果物の販売個数
商品名 値段 個数
レモン 200円 10個
メロン 1000円 5個

解説

<table rure="presentation">
→<table>関連タグはレイアウト目的で利用すべきではありません。どうしてもレイアウトに利用しなくてはならない場合、目的の区別をロボットに判断してもらえます。

<tr>
→テーブルの行を表します。

<td>
→テーブルのセルです。

<th>
→テーブルのセルで見出しを意味します。使い方は<td>と同じです。

<colspan>
→セルの結合(列)

<rowspan>
→セルの結合(行)

<caption>
→テーブル開始タグのすぐ後ろに付け加えます。テーブルのタイトルを表します。

<colgroup><col>
→縦の列を表します。colは左からの順です。CSSなどを反映させたいときに便利です。

<thead>
→テーブルのヘッダー部分を囲みます。

<tbody>
→意図的にテーブルをグルーピングしたい場合に使用します。<thead>の後ろでなくてはいけません。

<tfoot>
→テーブルのフッター行を表します。