i-8jo.com（Yahoo!blog入門）

記事本文を飾り付けてみよう「（その１０）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で利用できるタグは大体こんなもののようです。
まだ、あるようでしたらぜひ教えてくださいね。



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

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

記事本文を飾り付けてみよう「（番外編２）色見本２」

色見本２です。
参考にしてみて下さい。

■990000　■993300　■996600　■999900　■99cc00　■99ff00
■990033　■993333　■996633　■999933　■99cc33　■99ff33
■990066　■993366　■996666　■999966　■99cc66　■99ff66
■990099　■993399　■996699　■999999　■99cc99　■99ff99
■9900cc　■9933cc　■9966cc　■9999cc　■99cccc　■99ffcc
■9900ff　 ■9933ff　 ■9966ff　 ■9999ff　 ■99ccff　 ■99ffff

■cc0000　■cc3300　■cc6600　■cc9900　■cccc00　■ccff00
■cc0033　■cc3333　■cc6633　■cc9933　■cccc33　■ccff33
■cc0066　■cc3366　■cc6666　■cc9966　■cccc66　■ccff66
■cc0099　■cc3399　■cc6699　■cc9999　■cccc99　■ccff99
■cc00cc　■cc33cc　■cc66cc　■cc99cc　■cccccc　■ccffcc
■cc00ff　 ■cc33ff　 ■cc66ff　 ■cc99ff　 ■ccccff　 ■ccffff

■ff0000　 ■ff3300　 ■ff6600　 ■ff9900　 ■ffcc00　 ■ffff00
■ff0033　 ■ff3333　 ■ff6633　 ■ff9933　 ■ffcc33　 ■ffff33
■ff0066　 ■ff3366　 ■ff6666　 ■ff9966　 ■ffcc66　 ■ffff66
■ff0099　 ■ff3399　 ■ff6699　 ■ff9999　 ■ffcc99　 ■ffff99
■ff00cc　 ■ff33cc　 ■ff66cc　 ■ff99cc　 ■ffcccc　 ■ffffcc
■ff00ff　　■ff33ff　　■ff66ff　　■ff99ff　　■ffccff　　■ffffff

色見本１　（http://blogs.yahoo.co.jp/i_8jo/184424.html）


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

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

記事本文を飾り付けてみよう「（番外編１）色見本１」

色見本１です。
参考にしてみて下さい。

■000000　■003300　■006600　■009900　■00cc00　■00ff00
■000033　■003333　■006633　■009933　■00cc33　■00ff33
■000066　■003366　■006666　■009966　■00cc66　■00ff66
■000099　■003399　■006699　■009999　■00cc99　■00ff99
■0000cc　■0033cc　■0066cc　■0099cc　■00cccc　■00ffcc
■0000ff　 ■0033ff　 ■0066ff　 ■0099ff　 ■00ccff　 ■00ffff

■330000　■333300　■336600　■339900　■33cc00　■33ff00
■330033　■333333　■336633　■339933　■33cc33　■33ff33
■330066　■333366　■336666　■339966　■33cc66　■33ff66
■330099　■333399　■336699　■339999　■33cc99　■33ff99
■3300cc　■3333cc　■3366cc　■3399cc　■33cccc　■33ffcc
■3300ff　 ■3333ff　 ■3366ff　 ■3399ff　 ■33ccff　 ■33ffff

■660000　■663300　■666600　■669900　■66cc00　■66ff00
■660033　■663333　■666633　■669933　■66cc33　■66ff33
■660066　■663366　■666666　■669966　■66cc66　■66ff66
■660099　■663399　■666699　■669999　■66cc99　■66ff99
■6600cc　■6633cc　■6666cc　■6699cc　■66cccc　■66ffcc
■6600ff　 ■6633ff　 ■6666ff　 ■6699ff　 ■66ccff　 ■66ffff

色見本２　（http://blogs.yahoo.co.jp/i_8jo/184463.html）


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

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

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

今回も、前回に引き続き「Marqueeタグ」を説明します。

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

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



■[横幅を指定する]
（width属性 "横幅を半角英数で指定")

文法）
<Marquee width="200" bgcolor=#ffff00>横幅を指定する</Marquee>

結果）　
横幅を指定する

※分かりやすいように背景に色を付けています。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[高さと方向を指定する]
（height属性 "高さを半角英数で指定"　＋　direction属性 "down"で下に進む)

文法）
<Marquee height="100" direction="down">高さと方向を指定する</Marquee>

結果）　
高さと方向を指定する

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

■[高さと方向を指定する]
（height属性 "高さを半角英数で指定"　＋　direction属性 "up"で上に進む)

文法）
<Marquee height="100" direction="up">高さと方向を指定する</Marquee>

結果）　
高さと方向を指定する

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

■[速さを変える]
（scrolldelay属性 "遅延時間を半角英数で指定" ＋ truespeedを後に付ける）

文法）
<Marquee scrolldelay="30" truespeed>速さ変える</Marquee>

結果）　
速さ変える

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


少し複雑になってきた感じもしますが、如何でしょうか？
次回はこのタグの応用編について説明したいと思います。

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


[事本文を飾り付けてみよう（その１０）HTML超入門１０ ]へ進む
http://blogs.yahoo.co.jp/i_8jo/186715.html



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

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

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

今回は文字列を動かす「Marqueeタグ」を説明します。

このタグはいろんな種類の設定ができるので、説明よりもとにかくタグと結果を見てみましょう。

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



■[これが基本]

文法）
<Marquee>これが基本</Marquee>

結果）　
これが基本

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

■[右に進む]
（direction属性 "right")

文法）
<Marquee direction="right">右に進む</Marquee>

結果）　
右に進む

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

■[端で止まる]
（behavior属性 "slide"）

文法）
<Marquee behavior="slide">端で止まる</Marquee>

結果）　
端で止まる

※止まった文字をまた動かすには、ブラウザの「更新」ボタンを押してください。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■[往復する]
（behavior属性 "alternate"）

文法）
<Marquee behavior="alternate">往復する</Marquee>

結果）　
往復する

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

■[背景色を付ける]
（bgcolor属性）

文法）
<Marquee bgcolor=#ffff00>背景色をつける</Marquee>

結果）　
背景色をつける

この他の色は、色見本をご覧になり参考にしてみてください。

色見本１　（http://blogs.yahoo.co.jp/i_8jo/184424.html）
色見本２　（http://blogs.yahoo.co.jp/i_8jo/184463.html）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

如何ですか？どの属性がどのような変化になるのかご理解できましたか？
次回もこのタグに「Marqueeタグ」について説明したいと思います。

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


[記事本文を飾り付けてみよう（その９）HTML超入門９]へ進む
http://blogs.yahoo.co.jp/i_8jo/184396.html



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

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