Digital Life ~デジタルライフ~(Field)

PREV | PAGE-SELECT | NEXT

≫ EDIT

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

| スポンサー広告 | --:-- | comments(-) | trackbacks(-) | TOP↑

≫ EDIT

セル結合方法 右のセルと結合 ~テーブルタグ配布~

セル結合方法


①と②の部分を結合して下のようにする方法です。

右のセルと結合

タグは以下のようになります。
<TABLE>
<TR>
<TD colspan="2">右のセルと結合</TD><TD>③</TD>
</TR>
<TR>
<TD>④</TD><TD>⑤</TD><TD>⑥</TD>
</TR>
<TR>
<TD>⑦</TD><TD>⑧</TD><TD>⑨</TD>
</TR>
</TABLE>

※分かりやすくするため表示位置背景色等のタグは省略しています

<TD colspan="結合するセル数">とすれば横に結合させることができます。サンプルでは2つのセルを結合させているので<TD colspan="2">となります。

一行目だけを見れば二列なのでタグの<TD>も3つではなく2つになります。ただし二行目からは<TD>が3つ必要になります。






以下は他の例です。

3つのセルを結合
タグは以下のようになります。
<TABLE>
<TR>
<TD colspan="3">3つのセルを結合</TD>
</TR>
<TR>
<TD>④</TD><TD>⑤</TD><TD>⑥</TD>
</TR>
<TR>
<TD>⑦</TD><TD>⑧</TD><TD>⑨</TD>
</TR>
</TABLE>

※分かりやすくするため表示位置背景色等のタグは省略しています

結合するセル数が3なので <TD colspan="3">となります。




3つのセルを結合
⑧と⑨を結合
タグは以下のようになります。
<TABLE>
<TR>
<TD colspan="3">3つのセルを結合</TD>
</TR>
<TR>
<TD>④</TD><TD>⑤</TD><TD>⑥</TD>
</TR>
<TR>
<TD>⑦</TD><TD colspan="2">⑧と⑨を結合</TD>
</TR>
</TABLE>

※分かりやすくするため表示位置背景色等のタグは省略しています

| HTMLタグ | 15:00 | comments(-) | trackbacks(-) | TOP↑

PREV | PAGE-SELECT | NEXT

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。