Spur 趣味から得た知識【HTML講座】　 　HTML（横線を入れる）　

横線は幅や長さを自由に設定することが出来ます。
練習用のファイルを使って、色々やってみましょう。

メモ帳を起動して、「sample5c.htm」を次の通り修正してください。ただし、タグは大文字でも小文字でもかまいません。

  <HTML>
  <HEAD>
　<CENTER><FONT SIZE=4 COLOR="#00FFFF">HTMLのお勉強</FONT></CENTER><BR>
  </HEAD>
  <BODY>
　<HR><BR>
　<HR SIZE=10><BR>
　<HR WIDTH="50%" ALIGN="CENTER"><BR>
　<HR SIZE=5 NOSHADE><BR>
　HTMLは<FONT COLOR="#CCCC33">タグ</FONT>というもので書くプレーンなテキストファイルである。<BR>
　<UL TYPE="circle"><BR>
　<LI>項目Ａ<BR>
　<LI>項目Ｂ<BR>
　<LI>項目Ｃ<BR>
　</UL><BR>
　<OL><BR>
　<DD><LI>箇条書き１<BR>
　<DD><LI>箇条書き２<BR>
　<DD><LI>箇条書き３<BR>
　</OL><BR>
  </BODY>
  </HTML>

そして、もうお分かりですね、「sample6.htm」で保存して、ブラウザで見てみましょう。

どうなりましたか？　　こうなれば良いのですね？
どういうことかというと、
<HR>　は単に細い横線をブラウザ幅いっぱいに引く。
<HR SIZE=10>　は太さ10ピクセルの横線を引く。
<HR WIDTH="50%" ALIGN="CENTER">　はブラウザ幅の半分(50%)の長さの横線を中央に引く。
<HR SIZE=5 NOSHADE>　は太さ5ピクセルの立体感の無い線を引く。
という指定になります。


ちょっとやり過ぎでカッコ悪いので、<HR SIZE=5 NOSHADE>だけ残して、上の３つは消しておきましょう。
それを「sample6a.htm」で保存しておいて、次にいきましょう。

改良後の結果はこちらです。その正解記述方法はこちらです。

　サンプル　
<HR>


<HR SIZE=5>

<HR SIZE=10>

<HR SIZE=15 NOSHADE>

<HR WIDTH=80%>

<HR WIDTH=50% ALIGN="LEFT">

<HR WIDTH=50% ALINE="CENTER"%>

<HR WIDTH=50% ALIGN="RIGHT">


←前へ  次へ→