テーブル技（中）

▼写真額を作ってみよう。

　１．金額縁

　　　　　

　　　　　※可愛い我が娘を見せたくて作った・・・という噂もチラホラと？(爆)
　　　　　　でも、かなり立派な額縁でしょ？でしょ？ｗｗ
　　　　　　テーブルだけで作ったので、かなりすごいタグの量っす！(笑)

　　　◇金額縁ソース
　　　　　　　　　　　　　　　　<TABLE border="2" bordercolor="gold" bordercolordark="chocolate" bgcolor="#ffdd33" bordercolorlight="#ffff99"> <TBODY> <TR> <TD> <TABLE border="1" bordercolor="gold" bordercolordark="chocolate" bgcolor="#ffdd33" bordercolorlight="#ffff99"> <TBODY> <TR> <TD> <TABLE border="2" bordercolor="gold" bordercolordark="chocolate" bgcolor="#ffdd33" bordercolorlight="#ffff99"> <TBODY> <TR> <TD> <TABLE border="1" bordercolor="gold" bordercolordark="chocolate" bgcolor="#ffdd33" bordercolorlight="#ffff99"> <TBODY> <TR> <TD> <TABLE border="2" bordercolor="gold" bordercolordark="chocolate" bgcolor="#ffdd33" bordercolorlight="#ffff99"> <TBODY> <TR> <TD> <TABLE border="1" bordercolor="gold" bordercolordark="chocolate" bgcolor="#ffdd33" bordercolorlight="#ffff99"> <TBODY> <TR> <TD> <TABLE border="2" bordercolor="gold" bordercolordark="chocolate" bgcolor="#ffdd33" bordercolorlight="#ffff99"> <TBODY> <TR> <TD width="180" height="100"><IMG src="画像URL" width="画像横サイズ" height="画像縦サイズ" border="0"></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE>

　　　　　※変更点は、画像と画像サイズのみで使えます。
　　　　　※テーブルは伸縮自在ですから、一応画像の大きさは気にしないでいいです。

　２．コンビ額縁

　　　　　　　　　

　　
　　　　　※やっぱり可愛い～のぉ～♪なんて言ってる場合じゃないね。
　　　　　　其ノ二と体裁は同じものですが、金と銀のコンビにしてみました。
　　　　　　こんな風に、色を変えることでいろいろに変化しますね。

　　　◇コンビ額縁ソース
　　　　　　　　　　　　　　　　<TABLE border="2" bordercolor="#c0c0c0" bordercolordark="#708090" bgcolor="#c0c0c0" bordercolorlight="#f5f5f5"> <TBODY> <TR> <TD> <TABLE border="1" bordercolor="#c0c0c0" bordercolordark="#708090" bgcolor="#c0c0c0" bordercolorlight="#f5f5f5"> <TBODY> <TR> <TD> <TABLE border="2" bordercolor="silver" bordercolordark="#708090" bgcolor="silver" bordercolorlight="#f5f5f5"> <TBODY> <TR> <TD> <TABLE border="1" bordercolor="silver" bordercolordark="#708090" bgcolor="silver" bordercolorlight="#f5f5f5"> <TBODY> <TR> <TD> <TABLE border="2" bordercolor="gold" bordercolordark="chocolate" bgcolor="#ffdd33" bordercolorlight="#ffff99"> <TBODY> <TR> <TD> <TABLE border="1" bordercolor="gold" bordercolordark="chocolate" bgcolor="#ffdd33" bordercolorlight="#ffff99"> <TBODY> <TR> <TD> <TABLE border="2" bordercolor="gold" bordercolordark="chocolate" bgcolor="#ffdd33" bordercolorlight="#ffff99"> <TBODY> <TR> <TD><IMG src="画像URL" width="画像横サイズ" height="画像縦サイズ" border="0"></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </td> </tr> </TBODY> </TABLE>

　　　　　※コンビにしたほうが何気にいい感じかも？ｗ

　●その他のソース

■金銀のコンビの２種類目
　　　　　　　　　　　　　　　　<TABLE border="2" bordercolor="gold" bordercolordark="chocolate" bgcolor="ffdd33" bordercolorlight="#ffff99"> <TBODY> <TR> <TD> <TABLE border="1" bordercolor="#c0c0c0" bordercolordark="#708090" bgcolor="#c0c0c0" bordercolorlight="#f5f5f5"> <TBODY> <TR> <TD> <TABLE border="2" bordercolor="silver" bordercolordark="#708090" bgcolor="silver" bordercolorlight="#f5f5f5"> <TBODY> <TR> <TD> <TABLE border="1" bordercolor="silver" bordercolordark="#708090" bgcolor="silver" bordercolorlight="#f5f5f5"> <TBODY> <TR> <TD> <TABLE border="2" bordercolor="silver" bordercolordark="#708090" bgcolor="silver" bordercolorlight="#f5f5f5"> <TBODY> <TR> <TD> <TABLE border="1" bordercolor="silver" bordercolordark="#708090" bgcolor="silver" bordercolorlight="#f5f5f5"> <TBODY> <TR> <TD> <TABLE border="2" bordercolor="gold" bordercolordark="chocolate" bgcolor="#ffdd33" bordercolorlight="#ffff99"> <TBODY> <TR> <TD><IMG src="画像URL" width="画像横サイズ" height="画像縦サイズ" border="0"></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </td> </tr> </TBODY> </TABLE>
■単色・銀のみの額
　　　　　　　　　　　　　　　　<TABLE border="2" bordercolor="silver" bordercolordark="#708090" bgcolor="silver" bordercolorlight="#f5f5f5"> <TBODY> <TR> <TD> <TABLE border="1" bordercolor="#c0c0c0" bordercolordark="#708090" bgcolor="#c0c0c0" bordercolorlight="#ffffff"> <TBODY> <TR> <TD> <TABLE border="2" bordercolor="silver" bordercolordark="#708090" bgcolor="silver" bordercolorlight="#ffffff"> <TBODY> <TR> <TD> <TABLE border="1" bordercolor="silver" bordercolordark="#708090" bgcolor="silver" bordercolorlight="#ffffff"> <TBODY> <TR> <TD> <TABLE border="2" bordercolor="silver" bordercolordark="#708090" bgcolor="silver" bordercolorlight="#ffffff"> <TBODY> <TR> <TD> <TABLE border="1" bordercolor="silver" bordercolordark="#708090" bgcolor="silver" bordercolorlight="#ffffff"> <TBODY> <TR> <TD> <TABLE border="2" bordercolor="silver" bordercolordark="#708090" bgcolor="silver" bordercolorlight="#ffffff"> <TBODY> <TR> <TD><IMG src="画像URL" width="画像横サイズ" height="画像縦サイズ" border="0"></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </td> </tr> </TBODY> </TABLE>

※いろいろな組み合わせを自分で考えてみてください。作ってみるだけでも練習になりますよ。

ここまでくるとかなりの技を使えるはず・・・なんですが・・・？いかがですか？
っていうか・・・ここまでの全てを読んで把握してくれる人は少ないと思いますけどね。(笑)
でも、ＨＴＭＬを完全マスターしたいと思うなら、読み残しはしないほうがいいと思いますよ。
説明の不備については・・・棚上げしておいてくださいね。（＠゜▽゜；Aアセアセ・・・