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

PREV | PAGE-SELECT | NEXT

≫ EDIT

スポンサーサイト

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

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

≫ EDIT

テーブルタグ ~セルの結合~

セルの結合

横に結合
縦に結合



上の3行3列のテーブルを例にして結合方法を説明します

横に結合する例

ここを結合

<TABLE >
<TR>
<TD colspan="3">ここを結合</TD>
</TR>
<TR>
<TD></TD><TD></TD><TD></TD>
</TR>
<TR>
<TD></TD><TD></TD><TD></TD>
</TR>
</TABLE>

結合するセルは3つなので上のようになります。

ここを結合

<TABLE>
<TR>
<TD></TD><TD></TD><TD></TD>
</TR>
<TR>
<TD colspan="2">ここを結合</TD><TD></TD>
</TR>
<TR>
<TD></TD><TD></TD><TD></TD>
</TR>
</TABLE>

これは結合するセルが2つなので上のようになります。


縦に結合する例

結合1
結合2

<TABLE>
<TR>
<TD rowspan="3">結合1</TD><TD></TD><TD></TD>
</TR>
<TR>
<TD></TD><TD rowspan="2">結合2</TD>
</TR>
<TR>
<TD></TD>
</TR>
</TABLE>

3行結合しているので上のようになります。

二行目は一行目で一列目を結合しているので二列目から書きます。

二行目三列目で2つ結合しているので二行目は上のようになります。

三行目は一列目と三列目が上で結合されているので三行目二列目の記述のみになります。

| HTMLタグ | 22:11 | comments(-) | trackbacks(-) | TOP↑

PREV | PAGE-SELECT | NEXT

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