記事本文を飾り付けてみよう「（その１０）HTML超入門１０」

今回は「Marqueeタグ」応用編です。
いろいろと複雑な組み合わせもありますが、基本は簡単なのでめげずにやってみてください。

それでは早速、タグと結果を見てみましょう。

※注）本文にHTMLを適用させたいときは、右上のwiki文法使用のチェックは外しておいてください。



■[縦と横の動きの組み合わせ]

◇縦の動き

縦の動き


＋
◇横の動き

横の動き


↓↓↓

文法）
<Marquee direction="up" height="50"><Marquee> 縦と横の動きの組み合わせ </Marquee></Marquee>

結果）　

縦と横の動きの組み合わせ


＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[縦と横の動きの組み合わせ２]

◇縦の動き

縦の往復


＋
◇横の動き

横の往復


↓↓↓

文法）
<Marquee behavior="alternate" direction="up" height="50"><Marquee behavior="alternate"> 縦と横の動きの組み合わせ２ </Marquee></Marquee>

結果）　

縦と横の動きの組み合わせ２


＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[色との組み合わせ]

文法）
<Marquee direction="up" height="50" bgcolor=#0000> <font color=#ffff00> 色との組み合わせ </font> <font color=#ff0000> 色との組み合わせ </font> <font color=#00ff00> 色との組み合わせ </font> <font color=#00ffff> 色との組み合わせ </font> </Marquee>

結果）　


色との組み合わせ



色との組み合わせ



色との組み合わせ



色との組み合わせ




＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

注）このタグはもしかしたら、ブラウザ（インターネットエクスプローラ、Opera、Firefoxなど）によってはうまく表示されない場合があるかもしれません。

いろいろなタグの組み合わせ、如何だったでしょうか？
Yahoo!blogで利用できるタグは大体こんなもののようです。
まだ、あるようでしたらぜひ教えてくださいね。



[お願い]
この記事が参考になりましたら、右下の[傑作]ボタンを押して頂けるとありがたいです。

[☆歓迎☆]
コメント・トラックバック大歓迎！
転載をご希望の方は右下の[転載]ボタンを押してください

しーはっぱさん、お役に立てたようでしたら嬉しいです。セクシーなアバターにくらくらしました。風邪など引かないようにしてくださいね。こちらこそ、よろしくお願いします。

これまた参考になりました〜 いつもありがとうございます♪

Laniさん、こちらこそいつもありがおつございますね。まだ、いつでも遊びに来てくださいね。

[kay*r*ng59]

私の知りたい動きが載ってる〜！！やったぁ〜！！ありがとうございますっ＾＾ｖこれでできるようになったぞ〜！！うれしい☆

[kay*r*ng59]

あ、でも 縦と横の動きの組み合わせ２の文法なんですが、それプラス、サイズとカラーを変える文法(<font size=〜>と</font>)ってどの場所に入れたらいいんですか？？

かよりんさん、どうもです。基本的には入れ子構造になっていれば、どこでも良いと思います。<マーキー1><マーキー2><フォント>本文</フォント></マーキー2></マーキー1>と言う感じでやってみて下さいね。もしも、上手くいかなければ、また連絡を下さいね。上手くできますように、、。

[kay*r*ng59]

わ〜！ありがとうございますっ！！挑戦してみますっ！！

＞かよりんさん、上手くいくと良いですね。

[ここあ0(＊^ω^＊)0]

いつも勉強させていただいてます。まったくの初心者なので？？？の連続ですが、頑張っていきたいと思います。大変、ためになります。。

しょうさん、おはようございます。コメントありがとうございますね。はじめはよく分からない部分もあると思いますが、すぐに慣れると思います。ますますブログが楽しくなると良いですね。ありがとうございました。

転載させてもらいました。すごい、動いてるよ。ありがとうございました。

(*^-^*)/こんばんは〜♪!こちらも参考になりました！転載させて下さいねペコリ(o_ _)ｏ))

[-]

こんにちは＾＾転載させていただきました〜＾＾ いつも参考にさせていただいています。ありがとうございます。

[-]

こちらも・・・いただきます・・・本当に感謝感謝！！です。わかりやすい！！

いや〜感動しました(σ・ω・)σYO♪ 本当にありがとう×１００回。。。

転載させてください☆ぽち

ありがとうございます。少し文章に元気が出ました。この半角英数は都度入力するのですか？

<Marquee behavior="alternate" direction="up" height="50"><Marquee behavior="alternate"><marquee bgcolor="#ffccff"><font size="4" color="#ff0099">縦と横の動きの組み合わせ２ </Marquee></Marquee></font>
↑これで横の動きの組み合わせ２にバックカラーもつけられて、文字の色もつけられてその文字を流すこともできるようになりました!!
いろんな勉強をさしてもらってほんとうにありがとうございました!!m(_ _)m

[tarako]

これも、転載させて下さいね

勉強になります。
これも転載させてくださいね。ポチ★