タグ見本

←もどる パーツ一覧
このように、8つのパーツを
組み合わせて、作ります。

<TABLE cellpadding="0" cellspacing="0">
<TR>
<TD><IMG src="ta-0705.gif" width="30" height="40"></TD>
<TD><IMG src="ta-0712.gif" width="160" height="40"></TD>
<TD><IMG src="ta-0706.gif" width="30" height="40"></TD>
</TR>
<TR>
<TD><IMG src="ta-0703.gif" width="30" height="80"></TD>
<TD bgcolor="#ffffff">ここに文字が入ります</TD>
<TD><IMG src="ta-0704.gif" width="30" height="80"></TD>
</TR>
<TR>
<TD><IMG src="ta-0710.gif" width="30" height="60"></TD>
<TD><IMG src="ta-0714.gif" width="160" height="60"></TD>
<TD><IMG src="ta-0711.gif" width="30" height="60"></TD>
</TR>
</TABLE>
赤い数字 :文字が入る部分のセルの高さに合わせて、数値を変えてください
青い数字 :横の幅に合わせて、数値を変えてください。
        (この場合、下のta-0714.gifに合わせて、160にしています。)
緑の文字 :ここに、好きな文章を入れてください。
-- 応用編 --
<TABLE cellpadding="0" cellspacing="0">
<TR>
<TD><IMG src="ta-0705.gif" width="30" height="40"></TD>
<TD><IMG src="ta-0712.gif" width="300" height="40"></TD>
<TD><IMG src="ta-0706.gif" width="30" height="40"></TD>
</TR>
<TR>
<TD><IMG src="ta-0703.gif" width="30" height="100"></TD>
<TD></TD>
<TD><IMG src="ta-0704.gif" width="30" height="100"></TD>
</TR>
<TR>
<TD><IMG src="ta-0710.gif" width="30" height="60"></TD>
<TD><IMG src="ta-0715.gif" width="70" height="60">
<IMG src="ta-0714.gif" width="160" height="60">
<IMG src="ta-0715.gif" width="70" height="60"></TD>
<TD><IMG src="ta-0711.gif" width="30" height="60"></TD>
</TR>
</TABLE>
下の芽の画像(ta-0714.gif)の横に、ta-0715.gifを入れて、
表の幅を自由に設定しています。

copyright(C)2006 Anne all rights reserved
Anne's small box