額縁に入れる(1999/01/30)
せっかく写真を貼り付けたので
この写真を額縁に入れることにしよう。
先回書いた
<![CDATA[
<!--------------ここから下を追加する---------->
<img src="57.jpg" width="40%"><br>
<img src="57.jpg" width="60%"><br>
<img src="57.jpg" width="80%"><br>
<!--------------ここまでを追加する------------->
]]>
の部分を次の通り書き換えてみよう
<![CDATA[
<!-----------ここから先書き換え----------->
<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>は列
の始めと終わりを表わす。
今回は１行、１列なので説明省略します。
表示見本
.
.
変更後のソース
<![CDATA[
<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"><!--自分のアドレスに書き換えのこと-->
Ｅメールはここをクリック
</a>
して送ってください。
<br>
ＱＰＯＮの
<a href="http://www2a.biglobe.ne.jp/~qpon/cgi-bin/qpon_bbs.htm">
掲示板はここをクリックする
</a>
とつながります。
<br>
ホームページ用素材が
<a href="https://sozai-good.com/illust/free-background/">
ＧＯＯＤさん
</a>
で無料で貰える。
]]><![CDATA[
<!--ここから先書き換え-->
<table border=10 bordercolor=#cc0000 bgcolor=#ffffff width="90%">
<tr><td>
<img src="57.jpg" width="100%">
</td></tr>
</table>
<!--ここまで書き換え-->
]]><![CDATA[
</center>
</body>
</html>
]]>
|
|
