<HTML>
<HEAD>
<TITLE>myhome page</TITLE>
</HEAD>
<BODY BGCOLOR="#8080FF" TEXT="Black" LINK="Fusia" ALINK="Purple" VLINK="">
<HR>
<Center><H1>ようこそ<BR>
私の部屋に<BR></H1></Center>
<HR>
<H2>私の一枚の写真</H2>
<IMG SRC=room01.jpg Align=left Alt=一枚の写真 Hspace=5>
<FONT SIZE=5>この写真は、私の<FONT COLOR=Yellow>お気に入り</FONT>である。<BR>
湯布院の玉の湯の庭の写真です。<BR></FONT>
<FONT COLOR=Lime><I>ここでお茶を飲むと、心が落ち着きます。</I></FONT><BR>
私のお気に入りリストは<BR>

<OL>
<LI Type=1>玉の湯でお茶を飲む<BR>
<LI>温泉に入る<BR>
<LI>貧乏な貴族で豆腐を食べる<BR>

</OL>
です。<BR><BR CLEAR=ALL>
<FONT SIZE=2>そのほかに、素敵な御土産屋さんもたくさんあります。</FONT><BR><BR>

</Center>
</BODY>
</HTML>
−−−−−−−−−−ここまでを、プリンとしてください−−−−−−−−−−−−−−−−−−−
イメージを出すには
<IMG SRC=ファイル名 >でイメージを出すことができます。
できればALT=”説明文”をつけましょう。
これがないと、テキストだけ表示するのブラウザでは、何が起こっているのか分かりません。
イメージの大きさを表すのに、WIDTH=数字 HEIGHT=数字
これがあると、イメージがロードされても、レイアウトが崩れません。
文字のまわり込み
図の左側にテキストをまわし込みたいときは、
<IMG SRC=ファイル名 ALIGN="right">と書くと、図の左側に
文章が来ます。
<IMG SRC=ファイル名 ALIGN="left">と書くと、図の右側に
文章が来ます。
横罫線(水平線)の書き方
<HR>と書くと、下のように横罫線(水平線)が書く事ができます。

線の幅を変えたいときは<HR SIZE=5>などとサイズを書き込みます。
下は幅5の横罫線(水平線)です。

線の長さを変えたいときは、<HR WIDTH=50>とか<HR WIDTH=50%>とか
長さ(ピクセル)か、パーセントで指定します。
下が50ピクセルの横罫線(水平線)です。

下が50%の横罫線(水平線)です。

横罫線(水平線)の位置を変えたいとき
<HR ALIGN=LEFT><HR ALIGN=RIGHT><HR ALIGN=CENTER>とか指定します。
これは左です。

これは右です。

これは中央です。

IE3以上になると、色をつけることができます。
<HR COLOR=RED>など色を指定します。
下は赤い色の横罫線(水平線)です。
以上で、このページの説明は終わります。

入門ページに戻る