テーブルコーナー


簡単タグ見本（テーブルコーナー）

１行１列のテーブル
<TABLE border="1"><TBODY>
<TR>
<TD> １行１列 </TD></TR>
</TBODY></TABLE>
１行１列
１行２列のテーブル
<TABLE border="1"><TBODY>
<TR>
<TD> １行目の１列目 </TD>
<TD> １行目の２列目 </TD></TR>
</TBODY></TABLE>
１行目の１列目
１行目の２列目
２行１列のテーブル
<TABLE border="1"><TBODY>
<TR><TD> １行目の１列目 </TD></TR>
<TR><TD> ２行目の１列目 </TD></TR>
</TBODY></TABLE>
１行目の１列目
２行目の１列目
２行２列のテーブル
<TABLE border="1"><TBODY>
<TR>
<TD> １行目の１列目 </TD>
<TD> １行目の２列目 </TD></TR>
<TR>
<TD> ２行目の１列目 </TD>
<TD> ２行目の２列目 </TD></TR>
</TBODY></TABLE>
１行目の１列目 １行目の２列目
２行目の１列目 ２行目の２列目
複雑なテーブル（行の結合）
<TABLE border="1"><TBODY>
<TR>
<TD colspan="2"> １行目の１列目１行目の２列目 </TD></TR>
<TR>
<TD> ２行目の１列目 </TD>
<TD> ２行目の２列目 </TD></TR>
</TBODY></TABLE>
１行目の１列目１行目の２列目
２行目の１列目
２行目の２列目
複雑なテーブル（列の結合）
<TABLE border="1"><TBODY>
<TR>
<TD rowspan="2"> １行目の１列目２行目の１列目 </TD>
<TD> １行目の２列目 </TD></TR>
<TR>
<TD> ２行目の２列目 </TD></TR>
</TBODY></TABLE>
１行目の１列目
２行目の１列目
１行目の２列目
２行目の２列目
複雑なテーブル（行や列の結合）
<TABLE border="1"><TBODY>
<TR>
<TD colspan="2"> １行目の１列目１行目の２列目 </TD></TR>
<TR>
<TD rowspan="2"> ２行目の１列目３行目の１列目 </TD>
<TD> ２行目の２列目 </TD></TR>
<TR>
<TD> ３行目の３列目 </TD></TR>
</TBODY></TABLE>
１行目の１列目１行目の２列目
２行目の１列目
３行目の１列目
２行目の２列目
３行目の３列目
newテ-ブルを２つ並べる
<TABLE><TBODY><TR><TD>
<TABLE border="1"><TBODY>
<TR><TD> 左のテーブル </TD></TR>
</TBODY></TABLE>
</TD><TD>
<TABLE border="1"><TBODY>
<TR><TD> 右のテーブル </TD></TR>
</TBODY></TABLE>
</TD></TR></TBODY></TABLE>

左のテーブル
右のテーブル

new色付きテ-ブルを２つ並べる
<TABLE><TBODY><TR><TD>
<TABLE border="1"BORDERCOLOR="pink"><TBODY>
<TR><TD> 左のテーブル </TD></TR>
</TBODY></TABLE>
</TD><TD>
<TABLE border="1"BORDERCOLOR="lightblue"><TBODY>
<TR><TD> 右のテーブル </TD></TR>
</TBODY></TABLE>
</TD></TR></TBODY></TABLE>
左のテーブル
右のテーブル
テーブルの中に色を付ける 「#80ffff」=背景の色（色見本は カラーコーナー にあります。)
<TABLE border="1" bgcolor="#80ffff"><TBODY>
<TR>
<TD> テーブルの背景に色を付ける </TD></TR>
</TBODY></TABLE>
テーブルの背景に色を付ける
テーブルの枠を消す
<TABLE><TBODY>
<TR>
<TD> テーブルの枠を消す </TD></TR>
</TBODY></TABLE>
テーブルの枠を消す
テーブルの背景に色を付けて枠を消す　 「#80ffff」=背景の色（色見本は カラーコーナー にあります。)
<TABLE bgcolor="#80ffff"><TBODY>
<TR>
<TD> テーブルの背景に色をつけて枠を消す </TD></TR>
</TBODY></TABLE>
テーブルの背景に色をつけて枠を消す
テーブル枠の太さを変える　 「3」=枠の太さ
<TABLE border="3"><TBODY>
<TR>
<TD> 枠の太さを変える </TD></TR>
</TBODY></TABLE>
枠の太さを変える
テーブル枠に色を付ける　 「3」=枠の太さ・「#80ffff」=枠の色
<TABLE border="3" BORDERCOLOR="#80FFFF"><TBODY>
<TR>
<TD> 枠に色を付ける </TD></TR>
</TBODY></TABLE>
枠に色を付ける
テーブル枠と背景に色を付ける
「#0000ff」=枠の色・「#80ffff」=背景の色（色見本は カラーコーナー にあります。)
<TABLE border="1" bgcolor="#0000ff"><TBODY>
<TR>
<TD bgcolor="#80ffff"> テーブルの枠と背景に色を付ける </TD></TR>
</TBODY></TABLE>
テーブルの枠と背景に色を付ける


文字コーナー 画像コーナー カラーコーナー かわいいテーブルコーナー


© Rakuten Group, Inc.
X

Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
    Share by: