下のタグでこのような基本のテーブルが出来ます。

<TABLE cellpadding="0" cellspacing="0">
<TBODY>
<TR>
<TD><IMG src="p_down.gif" width="30" height="30" border="0"></TD>
<TD><IMG src="p_downbar.gif" width="300" height="30" border="0"></TD>
<TD><IMG src="p_down.gif" width="30" height="30" border="0"></TD>
</TR>
<TR>
<TD><IMG src="p_side.gif" width="30" height="300" border="0"></TD>
<TD></TD>
<TD><IMG src="p_side.gif" width="30" height="300" border="0"></TD>
</TR>
<TR>
<TD><IMG src="p_down.gif" width="30" height="30" border="0"></TD>
<TD><IMG src="p_downbar.gif" width="300" height="30" border="0"></TD>
<TD><IMG src="p_down.gif" width="30" height="30" border="0"></TD>
</TR>
</TBODY>
</TABLE>

赤字の数値(単位はピクセルです)を変えると横棒の幅を変えることができます。
青字の数値(単位はピクセルです)を変えると縦棒の高さを変えることができます。
(赤字、青字、それそれの数値は必ず同じに指定してください。)

ホームページビルダーなどのエディターをお使いになる方は、DLした画像を
テーブルにドラッグ&ドロップするだけでOKですよ。だだしその場合は
HTMLソースのタブで<TABLE><TABLE cellpadding="0" cellspacing="0">
書き換えてください。そうしないと隙間が出来てしまい、きれいなテーブルになりません。

<TR></TR>で囲まれた部分が1行に並ぶセルになります。横にセルを増やしたい時はその部分に
<TD></TD>で囲んで付け足してください。

画像のファイルはHTMLファイルと同じディレクトリにアップロードしてください。

質問はメールかBBSでお願いします。