« ブログで使える簡単HTMLタグ-3 | メイン | ブログで使える簡単HTMLタグ-5 »

ブログで使える簡単HTMLタグ-4

こちらは滋賀県商工会連合会が運営する 滋賀 SHIPS NET のブログです。
滋賀県の優良企業集合体 滋賀 SHIPS NET はこちら。
このブログのトップページはこちら。

↓以下本文です。↓

さて、ようこそ 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>
実際は下記のように表示されます。

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


※ここで言う「ブログ」とは当ブログ(MOVABLE TYPE)の事を指し、それ以外のシステムでは動作しない場合がありますのでご注意下さい。

トラックバック

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

コメント (22)

wOKgzv vGjoYpsP

Hello! eddaekd interesting eddaekd site!

Very nice site! cheap viagra

Very nice site!

コメントを投稿

企業間取引・BtoBサイト 滋賀SHIPSNET

About

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

ひとつ前の投稿は「ブログで使える簡単HTMLタグ-3」です。

次の投稿は「ブログで使える簡単HTMLタグ-5」です。

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

Powered by
Movable Type 3.35

無料 アクセス解析インプラント