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

PREV | PAGE-SELECT | NEXT

≫ EDIT

スポンサーサイト

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

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

≫ EDIT

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

セル結合方法


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

セル結合

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

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

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







以下は他の例です。



②③⑤⑥の部分を結合して下のようにする方法です。

②③⑤⑥

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

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

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

PREV | PAGE-SELECT | NEXT

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