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

PREV | PAGE-SELECT | NEXT

≫ EDIT

スポンサーサイト

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

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

≫ EDIT

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

セル結合方法


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

下に結合

タグは以下のようになります。
<TABLE>
<TR>
<TD rowspan="2">下に結合</TD><TD>②</TD><TD>③</TD>
</TR>
<TR>
<TD>⑤</TD><TD>⑥</TD>
</TR>
<TR>
<TD>⑦</TD><TD>⑧</TD><TD>⑨</TD>
</TR>
</TABLE>

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

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

タグを見ても分かるように二行目の<TD>は⑤と⑥の2つになります。






以下は他の例です。

下に結合

タグは以下のようになります。
<TABLE>
<TR>
<TD rowspan="3">下に結合</TD><TD>②</TD><TD>③</TD>
</TR>
<TR>
<TD>⑤</TD><TD>⑥</TD>
</TR>
<TR>
<TD>⑧</TD><TD>⑨</TD>
</TR>
</TABLE>

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

3つのセルを結合させているので<TD rowspan="3">となります。
2行目3行目の<TD>は2つになります。




下に結合
⑥と⑨結合

タグは以下のようになります。
<TABLE>
<TR>
<TD rowspan="3">下に結合</TD><TD>②</TD><TD>③</TD>
</TR>
<TR>
<TD>⑤</TD><TD rowspan="2">⑥と⑨結合</TD>
</TR>
<TR>
<TD>⑧</TD>
</TR>
</TABLE>

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

サンプルのような場合1列目と3列目が結合しているので3行目の<TD>は⑧の一つだけになります。

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

PREV | PAGE-SELECT | NEXT

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