ホームページ作り入門<5>

額縁に入れる(1999/01/30)
せっかく写真を貼り付けたので
この写真を額縁に入れることにしよう。
先回書いた
<!--------------ここから下を追加する----------> <img src="57.jpg" width="40%"><br> <img src="57.jpg" width="60%"><br> <img src="57.jpg" width="80%"><br> <!--------------ここまでを追加する-------------> の部分を次の通り書き換えてみよう
<!-----------ここから先書き換え-----------> <table border=10 bordercolor=#cc0000 bgcolor=#ffffff width="90%"> <tr><td> <img src="57.jpg" width="100%"> </td></tr> </table> <!------------ここまで書き換え------------> <table>とは額縁のことです。
border=10 とは額縁の太さ
bordercolor=#cc0000 とは額縁の色
bgcolor=#ff0000 とは額の下紙の色
width="90%" とは額縁の横幅(ディスプレーとの比率)

です。
いろいろ変更して試してください。
<tr></tr>は行
<td></td>は列
の始めと終わりを表わす。
今回は1行、1列なので説明省略します。

表示見本
私のホームページ
工事中
私への Eメールはここをクリック して送ってください。
QPONの 掲示板はここをクリックする とつながります。
ホームページ用素材が プリ画像さん で無料で貰える。
.
.
変更後のソース

<html> <head> <title> 私のホームページ </title> </head> <body background="003.gif"> <center> <font size=7 color=#00ff00> 私のホームページ<br> </font> <font size=6 color=#ff0000> 工事中<hr> </font> 私への <a href="mailto:qpon@mxc.mesh.ne.jp"><!--自分のアドレスに書き換えのこと--> Eメールはここをクリック </a> して送ってください。 <br> QPONの <a href="http://www2a.biglobe.ne.jp/~qpon/cgi-bin/qpon_bbs.htm"> 掲示板はここをクリックする </a> とつながります。 <br> ホームページ用素材が <a href="http://prcm.jp/list/背景"> プリ画像さん </a> で無料で貰える。 <!--ここから先書き換え--> <table border=10 bordercolor=#cc0000 bgcolor=#ffffff width="90%"> <tr><td> <img src="57.jpg" width="100%"> </td></tr> </table> <!--ここまで書き換え--> </center> </body> </html>
ホームページ作り入門<6>へ