HTML5のリファレンスサイトです。


<td>

表のセル(マス)1つ分に相当します。
<tr>の子要素として設置します。

colspan属性及びrowspan属性で複数の列・行にまたがるセルを作成することもできます。
headers属性に<th>のid属性と同じ値を設定することでどの項目に所属するセルか設定することができます。

属性名説明
colspan横方向(列)にまたがるセルを設置できます。2列にまたがる場合は2です。
rowspan縦方向(行)にまたがるセルを設置できます。2行にまたがる場合は2です。
headers<th>のid属性と同じ値を設定することで所属する項目を設定できる。

colspan又はrowspanで複数の列・行にまたがるセルを作成した場合、
後続のセルを省略する必要があります。



<table border="1">
<tr><td colspan="2">a1</td><td>c1</td></tr>
<tr><td>a2</td><td colspan="2" rowspan="2">b2</td></tr>
<tr><td>a3</td></tr>
<tr><td>a4</td><td>b4</td><td>c4</td></tr>
</table>

実際の表示
a1c1
a2b2
a3
a4b4c4


[編集]   [AD]
rentafree.net