1. 簡単な額縁を作る 
1
2 こんなのできました! 3
4

四角の画像はこちらでドウゾ!
1.タグの説明
<TABLE cellspacing="0px" cellpadding="0px">
<TBODY>
<TR>
<TD><IMG src="sikaku_7.gif" width="20" height="20" border="0"></TD>
<TD width="200" bgcolor="#ff8040" height="20"></TD>
<TD><IMG src="sikaku_7.gif" width="20" height="20" border="0"></TD>
</TR>
<TR>
<TD width="20" height="100" bgcolor="#ff8040"></TD>
<TD align="center">こんなのできました!</TD>
<TD width="20" height="100" bgcolor="#ff8040"></TD>
</TR>
<TR>
<TD><IMG src="sikaku_7.gif" width="20" height="20" border="0"></TD>
<TD width="200" height="20" bgcolor="#ff8040"></TD>
<TD><IMG src="sikaku_7.gif" width="20" height="20" border="0"></TD>
</TR>
</TBODY>
</TABLE>
ここが肝心!これで隙間の無い表ができます


←左上の角のセルに入れる画像を指定
1のセル(セルの幅、高さ、色の指定)
←右上の角のセル


2のセル

3のセル


←左下のセル
4のセル
←右下のセル

上のソースを<BODY></BODY>の間の額縁を入れたいところにコピー&ペーストしてください
画像のファイル名のところはあらかじめ自分の使いたい画像のファイル名に変更してください。
(画像ファイルは必ずそのページと同じディレクトリに保存してね)
写真などを入れる場合、写真のサイズに合わせて1,2,3,4のセルのサイズを変更してください。

2. HPビルダーで作る方法
1 表−表の挿入でページに表を作る。そのとき行と列の数はそれぞれ3に設定してください。
2 資格の画像(上の例ではsikaku_7.gif)を左の素材パレットからドラック&ドロップして四隅の
セルに入れましょう。
3 四隅に入れた画像のサイズに合わせて残りのセルの高さや幅を指定してください。
上で使用した画像は20×20ピクセルでしたねー。ちなみにwidthというのは横幅指定、
heightは高さ指定です。
(指定したいセルを選択して右クリック−属性の変更。属性の変更では、セルのサイズや
色などが指定できます)
4 ここが肝心ですよ!少し難しいけど頑張って!
表示を『HTMLソース』に変えて、今作った表の最初にある<TABLE>というタグを
<TABLE cellspacing="0px" cellpadding="0px">に書き換えます。
これで、表のセル同士の隙間が消えて、ピッタリとしたきれいな額縁になります。
5 最後に真ん中のセルに好きな文字や画像を入れて完成です〜!

さぁ、上手に出来ましたか?特にHPビルダーは『属性の変更』と『スタイルの設定』を
マスターすればもう上級者!? いろいろいじって試してみてね。