サイト内検索

...HTML・XHTMLタグ...

table・セル

見出し・・横方向の結合

見出しを横方向に結合するには、td要素やth要素にcolspan属性を指定します。
結合するセルの数を書きます。
[使い方]
<th colspan="5">内容</th>
<td colspan="5">内容</td>
属性 属性値 説明
colspan=""結合するセルの数を指定します。
セルを横方向(右方向)に結合します。
初期値は「1」です

サンプル

[bodyの中]

<table border="1">
<tr>
<th colspan="3">見出し</th>
</tr>
<tr>
<td>No</td>
<td>No</td>
<td>No</td>
</tr>
</table>

[ブラウザ上]

見出し
NoNoNo

見出し・・縦方向の結合

見出しを縦方向に結合するには、td要素やth要素にrowspan属性を指定します。
結合するセルの数を書きます。
[使い方]
<th rowspan="5">内容</th>
<td rowspan="5">内容</td>
rowspan="2"結合するセルの数を指定します。
セルを縦方向(下方向)に結合します。
初期値は「1」です

サンプル

[bodyの中]

<table border="1">
<tr>
<th rowspan="3">見出し</th>
<td>No</td>
</tr>
<tr>
<td>No</td>
</tr>
<tr>
<td>No</td>
</tr>
</table>

[ブラウザ上]

見出し No
No
No

Copyright c 2007.10.01 luc All rights reserved.