すもも３０１　映画とバラの日々

勉強部屋（立入禁止）

●文字を右端に表示
「次ページへ」の文字を右寄せにするには「text-align:right」を使い、下記のように記述する。
＜DIV STYLE="text-align:right"＞次ページへ＜/DIV＞
次ページへ

●文字を右端から離して表示
「次ページへ」の文字をページの右端から 30px 離して表示するには、「margin-right」を使う。
＜DIV STYLE="text-align:right;margin-right:30"＞次ページへ＜/DIV＞
次ページへ

●画像を左右の端に表示
「NEXT」ボタンをページの右端に表示するには「ALIGN="right"」を使って、下記のように記述する。
＜IMG SRC="next.gif" BORDER="0" ALIGN="right"＞

●画像を左右の端から離して表示
　では、「NEXT」ボタンをページの右端から 30px 離して表示するには、どうすれば良いでしょうか？　色々な方法が考えられますが、ここでは「HSPACE」を使うことにしました。＜IMG SRC="next.gif" BORDER="0" ALIGN="right" HSPACE="30"＞　「HSPACE」は画像と回り込んだ文字、または画像同士の横方向の間隔を指定するものですが、ページの端からの間隔にも対応します。縦方向の間隔は「VSPACE」で指定する

●【額縁風の枠】のソースです。
テーブルに額縁風枠を付ける

＜TABLE BORDER="15" STYLE="border-style:ridge;border-color:ffd700">
＜TR>
＜TD>
＜IMG SRC="画像のファイル">
＜/TD>
＜/TR>
＜/TABLE>
画像に額縁風枠を付ける