ブログで使える簡単ＨＴＭＬタグ-４ (企業間取引・ＢｔｏＢサイト滋賀SHIPSNETブログ)

ブログで使える簡単ＨＴＭＬタグ-４

こちらは滋賀県商工会連合会が運営する滋賀ＳＨＩＰＳＮＥＴのブログです。
滋賀県の優良企業集合体　滋賀ＳＨＩＰＳＮＥＴはこちら。
このブログのトップページはこちら。

↓以下本文です。↓

さて、ようこそ　ＳＨＩＰＳＮＥＴブログへ

　見ていただければお解かりのように、文字が左から右へ流れいています。電光掲示板のようですね。
これはマーキータグと呼ばれるタグを使用するとできる特殊効果です。見た目のインパクトはかなり高い方でしょう。
　しかしながら、使いすぎるとページの処理が重くなったり、単に「くどい」ページになり、逆に読みにくくなる危険性を孕んだタグであるともいえます。
　ここ一番、目立たせたい場所にピンポイントで使うのが望ましいでしょう。
書き方は
<marquee>文字</marquee>
となります。実際は↓の様に表示されます。
文字

簡単ですね。

応用例としてはさまざまなものがありますが、これもまた基本的なもののみ紹介します。
（応用例）
・流れる文字の幅を指定する
<marquee width="200">文字</marquee>
実際は下記のように表示されます。
文字

・流れる文字の方向を変える
<marquee direction="right">文字</marquee>
実際は下記のように表示されます。
文字

・流れる文字の背景の色を変える
<marquee bgcolor="色名、または色コード">文字</marquee>
背景を赤（記述はred）とすると下記のように表示されます。
文字

・文字のかわりに画像を流す
<marquee><img src="http://www.shipsnet.jp/blogshipsnet/shoko.jpg"></marquee>
実際は下記のように表示されます。

　タグの記述が長くなると複雑に見えますが、よく見てみれば簡単なタグの組み合わせであることがわかりますね。
　よくわからないうちは、無理せず簡単なタグを少しだけ使い、目立たせたい場所を絞って効果的に使うと良いと思います。何でもかんでも使いすぎると、かえって見る人が、どこに注目してよいかわからないページになってしまうので気をつけましょう。

※ここで言う「ブログ」とは当ブログ（ＭＯＶＡＢＬＥＴＹＰＥ）の事を指し、それ以外のシステムでは動作しない場合がありますのでご注意下さい。

投稿者: ishizaki 日時: 2008年01月04日 08:59 | パーマリンク

トラックバック

このエントリーのトラックバックURL:
http://www.shipsnet.jp/cgi-bin/mt/mt-tb.cgi/15

コメントを投稿

名前:

メールアドレス:

URL:

この情報を登録しますか?

コメント:

About

2008年01月04日 08:59に投稿されたエントリーのページです。

ひとつ前の投稿は「ブログで使える簡単ＨＴＭＬタグ-３」です。

次の投稿は「ブログで使える簡単ＨＴＭＬタグ-５」です。

他にも多くのエントリーがあります。メインページやアーカイブページも見てください。

企業間取引・ＢｔｏＢサイト滋賀SHIPSNETブログ