4.けいせん を ひいてみよう 

      けいせん を ひいてみよう      

1.「さいしょのさいしょ」でつくった「file1.html」に、
したの ふともじでかいてある きごう(タグ)をかいてみてね。
(はいいろのところは「file1.html」でつくったものなので、かかなくていいです)

<HTML>
    <HEAD>
      <TITLE> はじめてのホームページ </TITLE>
    </HEAD>
    <BODY>
        こんにちは。
        <HR>
    </BODY>
</HTML>

 このファイルを、ブラウザでみてみると…?(「みてみよう」ボタンをおしてね)

みてみよう!

…………………………………………………………………………………………
よこに、せんが ひけました。(このせんを、「けいせん」といいます。)
…………………………………………………………………………………………

●・ せつめい ・●
  • <HR>
     けいせんを ひきなさい、というめいれいです。


        いろいろな けいせん        

この けいせんは、いろや ながさが かえられます。*1
さっきかいた つづきに、したのように タグをかいてみてね。

<HTML>
    <HEAD>
      <TITLE> はじめてのホームページ </TITLE>
    </HEAD>
    <BODY>

        こんにちは。

      <HR>
      <HR COLOR="pink">
      <HR WIDTH=200>
      <HR SIZE=10>
      <HR COLOR="red" WIDTH=300>
    </BODY>
</HTML>

 こんなふうに、いろや ながさが かえられましたか?(「みてみよう」ボタンをおしてね)

みてみよう!

*1 ただし、ざんねんなことに、「ネットスケープ・ナビゲーター(NNともいう)」
  というがめんでは、けいせんの いろは つきません。

●・ せつめい ・●
  • COLOR="〜"
     いろを、のいろにしなさい、というめいれいです。
     (いろは、「おまけ・いろのいろいろ」をみてね)
  • WIDTH=〜
     けいせんのながさを、にしなさい、というめいれいです。
  • SIZE=〜
     けいせんの太さを、にしなさい、というめいれいです。
  • <HR COLOR="red" WIDTH=300 SIZE=〜>
     こんなふうに、めいれいをならべて かいたりもできます。


もうすこし おにいさん、おねえさんのためのまとめです。

 タグのいろいろ(4)
  罫線タグ

<HR>→罫線をひく
<HR WIDTH=〜>
 (〜はピクセル数、または画面に対する比率)
→罫線(長さ指定)
<HR SIZE=〜>
 (〜はピクセル数、または画面に対する比率)
→罫線(太さ指定)
<HR COLOR="〜">(〜は色指定)→罫線(色指定、IEのみ)
<HR NOSHADE>→影なし罫線

まえへ一つもどる つぎをよむつぎへ