初級編７

　写真を額縁に入れる
　　　画像を引き立てる方法は難しいのか。

『答え』　TABLEタグを使えば、立派な 額縁 で飾ることが出来ます。

こんな額縁に画像を入れては如何ですか。どうです？　立体感と高級感があるでしょ。

このHTMLは、下記のように書きます（敢えて大文字小文字を混ぜています）。

<table border=8><TD>
<TABLE BORDER=1><TD>
<TABLE BORDER=2><td>
<img src="MSM.jpg"><br>
</td></TABLE>
</TD></TABLE>
</td></table>

テーブルタグ（TABLE）は 表組み が本来の機能です。その表に使う枠線を複数重ねることで 額縁 に見せています。 表を何個か繰り返して重ねることを 入れ子 という言い方もします。

では、保存してあるabc.htmlの写真に額縁を加えてみましょうか。 

<HTML>
<BODY BGCOLOR="YELLOW">
<center>
<FONT SIZE=5>
<FONT COLOR="BLUE">
私は○○○。これは私のホームページです。
<BR><BR>
<table border=8><TD>
<TABLE BORDER=1><TD>
<TABLE BORDER=2><td>
<img src="MSM.jpg"><br>
</td></TABLE>
</TD></TABLE>
</td></table>
</FONT>
</font>
</center>
<BR>
<DIV align="right">
<font color="green" size=4>
コンテンツを増やして行くのでご期待ください。
</font>
</DIV>
</BODY>
</HTML>

では、額縁入りをブラウザで見てみましょう。●ココをクリック●して下さい。
８行目〜１０行目 TABLE BORD= の数値を変えると額縁の枠の太さが変化します。お気に入りに修正するなどして、マスターしましょう。
質問メール　 SCHOOL MENU