「文字」「絵」の位置調整


ここまで「文字］を書いたり「絵］を挿入したりしただけで
配置バランスが良くありません。

そこで次はそれらの位置を調節してみましょう。



普通にＨＴＭＬ文書をかくと左詰めで表示されます。
そこで<CENTER>...............</CENTER>で「本文」ないしは「絵」をはさむと
ブラウザの中央に配置されます。


<HTML>
<HEAD>
<TITLE>*****</TITLE>
</HEAD>
<BODY>
普通に書くとこんな感じ！！
</BODY>
</HTML>		 普通に書くとこんな感じ！！
<HTML>
<HEAD>
<TITLE>*****</TITLE>
</HEAD>
<BODY>
<CENTER>
修正するとこんな感じです。
</CENTER>
</BODY>
</HTML>
修正するとこんな感じです。





では、文章の左または右に画像を配置してみます。


<HTML>
<HEAD>
<TITLE>*****</TITLE>
</HEAD>
<BODY>
<IMG SRC="**.gif" ALIGN="left">
これで画像がブラウザ画面の左端にきます。

</BODY>
</HTML>		 これで画像がブラウザ画面の左端にきます。
<HTML>
<HEAD>
<TITLE>*****</TITLE>
</HEAD>
<IMG SRC="**.gif" ALIGN="right">
これで画像がブラウザ画面の右端にきます。

</BODY>
</HTML>		 これで画像がブラウザ画面の右端にきます。
<HTML>
<HEAD>
<TITLE>*****</TITLE>
</HEAD>
<IMG SRC="**.gif" ALIGN="left>
<IMG SRC="**.gif" ALIGN="right">
<CENTER>
この様にブラウザ画面の左右に画像が配置され、その間に文章を書き込むとができます。
</CENTER>
</BODY>
</HTML>
この様にブラウザ画面の左右に画像が配置され、その間に文章を書き込むことができます。


backtopnext