5.ひかるもじ と うごくもじ 

       もじが、ピカピカするよ        

1.「さいしょのさいしょ」でつくった「file1.html」に、
(はいいろのところは「file1.html」でつくったものなので、かかなくていいです)

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

      <BLINK>ぴかぴかするよ</BLINK>
</BODY> </HTML>

 ブラウザでみてみると…?(「みてみよう」ボタンをおしてね)

みてみよう!

●・ せつめい ・●
  • <BLINK></BLINK>
    もじを ぴかぴか ひからせなさい、というめいれいです。
    でも ざんねんなことに、「インターネット・エクスプローラー(IEともいう)」
    というがめんでは、このめいれいは みえません。ふつうの もじと おなじです。


        もじが、うごくよ         

 こんなふうに、もじを よこに うごかしてみよう(「みてみよう」ボタンをおしてね)

みてみよう!

さっきかいたつづきに、したのきごう(タグ)をかいてみてね。
(はいいろのところは さっきでつくったものなので、かかなくていいです)

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

      <BLINK>ぴかぴかするよ</BLINK>

      <MARQUEE>もじが、うごくよ</MARQUEE>

    </BODY>
</HTML>

●・ せつめい ・●
  • <BLINK></BLINK>
    もじを よこにうごかす(スクロールといいます)めいれいです。
    ただしこれは、「ネットスケープ」ではみられません。

…………………………………………………………………………………………
ほかに、もじの うごきかたをかえたり、
もじのうしろに いろ や えをつけたりできます。
…………………………………………………………………………………………

さっきのファイルのつづきに、したのきごう(タグ)をかいてみてね。
(はいいろのところは さっきつくったものなので、かかなくていいです)

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

      <BLINK>ぴかぴかするよ</BLINK><BR>

      <MARQUEE>もじが、うごくよ</MARQUEE><BR>
      <MARQUEE DIRECTION="right">もじが、みぎにうごくよ</MARQUEE><BR>
      <MARQUEE BEHAVIOR="alternate">もじが、あちこちにうごくよ</MARQUEE><BR>
      <MARQUEE BGCOLOR="cyan">みずいろの せんのうえを うごくよ</MARQUEE>

    </BODY>
</HTML>

 ブラウザでみてみると…?(「みてみよう」ボタンをおしてね)

みてみよう!

●・ せつめい ・●
  • <MARQUEE DIRECTION="right"></MARQUEE>
    もじを、左から右へうごかすめいれいです。
  • <MARQUEE BEHAVIOR="alternate"></MARQUEE>
    もじを、左→右→左…と、あちこちにうごかすめいれいです。
  • <MARQUEE BGCOLOR="〜"></MARQUEE>は、いろのなまえ)
    もじを、いろのせんの上でうごかすめいれいです。
    (いろは、「おまけ・いろのいろいろ」をみてね)


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

 タグのいろいろ(5)
  点滅、マーキータグ

<BLINK>→点滅(NNのみ)
<MARQUEE></MARQUEE>→マーキー(IEのみ)
 (文字が横[左]にスクロール)
WIDTH=〜(〜はピクセルまたは画面に対する%)→マーキーの横幅
HEIGHT=〜(〜はピクセルまたは画面に対する%)→マーキーの縦幅
<MARQUEE DIRECTION="right"></MARQUEE>→文字が右にスクロール
<MARQUEE DIRECTION="up"></MARQUEE>→文字が上にスクロール
<MARQUEE DIRECTION="down"></MARQUEE>→文字が下にスクロール
<MARQUEE BEHAVIOR="alternate"></MARQUEE>→文字が左右にスクロール
<MARQUEE BGCOLOR="〜"></MARQUEE>(〜は色指定)→マーキー(背景色つき)
<MARQUEE LOOP="〜"></MARQUEE>(〜は数字)→指定の回数スクロールして消滅
<MARQUEE LOOP="〜" BEHAVIOR="slide"></MARQUEE>
 (〜は数字)
→指定の回数スクロールして停止
<MARQUEE STYLE="BACKGROUND:url(〜);"></MARQUEE>
 (〜は背景ファイル名)
→背景と一緒にスクロール

<MARQUEE behavior='alternate' direction='up' height='70'>と、並べて書いたりします。

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