タグのお勉強

ここでは、タグのお勉強 に関する情報を紹介しています。
↓ここから更新記事です↓
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
キャラクターグッズなら B10401876L.jpg B10401876L2.jpg キャラクターグッズなら
動く文字の基本編だよ~!(^ ○ ^)!/

ブログで使うときは~
ピンク枠の中のタグをコピーして、文字のところを好きに変えてね♪


文字が右から左             
<marquee>文字</marquee>


←右から左へ~!(^ ○ ^)!/ 

文字が左から右             
<marquee direction="right">文字</marquee>


左から右へ~!(^ ○ ^)!/→

文字が右から出て左右に       
<marquee behavior="alternate">文字</marquee>


←右から出てきて~!(^ ○ ^)!/いったりきたり♪

文字が左から出て左右に       
<marquee direction="right" behavior="alternate">文字</marquee>


左から出てきて~!(^ ○ ^)!/いったりきたり♪→

文字が右から出て左端に止まる   
<marquee behavior="slide">文字</marquee>


 ←右からぁうりゃ~ピタ(゜ ▽ ゜)/ 

文字が左から出て右端に止まる   
<marquee direction="right" behavior="slide">文字</marquee>


左からぁうりゃ~ピタ(゜ ▽ ゜)/→

文字が上から下に           
<marquee direction="down">文字</marquee>


あ~れ~(゜ O ゜)↓ 

文字が下から上に          
<marquee direction="up">文字</marquee>


と~う(゜д゜)↑ 

文字が上から出て上下に       
<marquee direction="down" behavior="alternate">文字</marquee>


うははは(^ ▽ ^)/


文字が下から出て上下に       
<marquee direction="up" behavior="alternate">文字</marquee>


うほほほ~(゜ O ゜)/


実は~・・・・

これ~画像でも同じことなのぉ~!(^ ▽ ^)!/
 071022105118_20080924144426.gif 

                
       

         ランキング参加中~♪ぽちっとしてちょ☆




なので今回は~ランキングお願いクリックもぉ~♪
動いてますよ~!(^ ○ ^)!/
スポンサーサイト
キャラクターグッズなら B10401876L.jpg B10401876L2.jpg キャラクターグッズなら
マウスで画像に触ると、
小窓メッセージが出る方法!(^ ○ ^)!/

(選択肢で~移動リンクが違う)
画像に触れると小窓が出ますよ(゜ ▽ ゜)/

たとえば、年齢制限のある画像とか~最初に注意をメッセージしたり
出来るよ!(^ ○ ^)!/


例題>>
ポップアップをブロックしてる方は、一時的に許可して例題をみてね(゜ ▽ ゜)/

練習23


タグにすると~こんな感じになってます。 
使う時は~コピーして赤文字のとこを変えて使ってね♪


<font color="字の色" onmouseout="if(confirm('最初に出るメッセージ')){alert('OKのときのメッセージ');window.open('OKのときのアドレス')}else{alert('キャンセルしたときのメッセージ');window.open('キャンセルしたときのアドレス')}">画像のURL</font>



注意ですよ!!
たまに広告アフィリのURLを使っている方がいますが~
やめましょう(゜△゜)/
広告主さんに怒られます。

ためになったわよ!!って言う人は~ポチッとしてね(゜ ▽ ゜)
キャラクターグッズなら B10401876L.jpg B10401876L2.jpg キャラクターグッズなら
難しい漢字は振り仮名をつけましょう

読み方が独特な名前の人とか~(^ ▽ ^)/
「北●の拳」の方のように・・・・

強敵と書いて・・・友と呼ぶみたいな?

強敵とも なんなの?

な感じで~振り仮名つけますよ(゜ ▽ ゜)/


醤油しょうゆ ←振り仮名付いてますね~!(^ ○ ^)!/

ピンク枠内のタグをコピーして、赤字を変更して使ってね♪

<ruby><rb>漢字<rt>振り仮名</ruby>


振り仮名タグの対応してないブラウザで見たときに、
()で表示してくれるタグ


醤油(しょうゆ)  ←()付いてますね~!(^ ▽ ^)!/

ピンク枠内のタグをコピーして、赤字を変更して使ってね♪

<RUBY><RB>漢字<RP>(<RT>振り仮名<RP>)</RUBY>


ためになったわよ!!って言う人は~ポチッとしてね(゜ ▽ ゜)

キャラクターグッズなら B10401876L.jpg B10401876L2.jpg キャラクターグッズなら
an364.gif捕まえてみろ~;;(^Д^);;


なんてやってみたら~画像をクリックして
もらえるかなぁ;(´◇`);

なんて・・・甘い夢を見ますね;;(^o^);;


ブログランキングって、なかなか上がっていきません;(´Д`);
いい記事を書いて~
ランキングを押してもらうに~越したことはありませんが・・・

クリックしてみたいって思ってもらう
ブログの作り方も~良いのでは?って思います!(^ ▽ ^)!/

ランキングが上がると~記事を読んでもらえる確立が上がります(゜△゜)/

お小遣いブログだと~なおさら上位を夢見ないと、訪問してもらえませんね!(^ ○ ^)!

ランキングに参加してると、
上位のブログと、そうでない順位のブログが~同じ記事
例えば~「げん玉」(ポイントサイト)を書いたとして~何故だか

記事の信憑性の感じ方が変わる気がする・・・・

のは~あたしだけ?????






キャラクターグッズなら B10401876L.jpg B10401876L2.jpg キャラクターグッズなら
ブログやHPをホームに(^ ▽ ^)/

GoogleとYahooの検索を設置しますわ

Google フリー検索 (ベーシック版): ウェブ検索のみ

Google 



タグにすると~こんな感じになってます。
Google フリー検索 (ベーシック版): ウェブ検索のみタグ

<!-- Google -->
<center>
<form method=get action="http://www.google.co.jp/search">
<table bgcolor="#FFFFFF"><tr><td>
<a href="http://www.google.co.jp/">
<img src="http://www.google.com/logos/Logo_40wht.gif"
border="0" alt="Google" align="absmiddle"></a>
<input type=text name=q size=31 maxlength=255 value="">
<input type=hidden name=ie value=Shift_JIS>
<input type=hidden name=oe value=Shift_JIS>
<input type=hidden name=hl value="ja">
<input type=submit name=btnG value="Google 検索">
</td></tr></table>
</form>
</center>
<!-- Google -->


Google フリー検索 (ベーシック版): ウェブ検索 + サイト検索



Google

WWW を検索 YOURSITE.CO.JP を検索



タグにすると~こんな感じになってます。
Google フリー検索 (ベーシック版):
ウェブ検索 + サイト検索タグ


<!-- SiteSearch Google -->
<center>
<form method=get action="http://www.google.co.jp/search">
<table bgcolor="#FFFFFF"><tr valign=top><td>
<a href="http://www.google.co.jp/">
<img src="http://www.google.com/logos/Logo_40wht.gif"
border="0" alt="Google" align="absmiddle"></a>
</td>
<td>
<input type=text name=q size=31 maxlength=255 value="">
<input type=hidden name=ie value=Shift_JIS>
<input type=hidden name=oe value=Shift_JIS>
<input type=hidden name=hl value="ja">
<input type=submit name=btnG value="Google 検索">
<font size=-1>
<input type=hidden name=domains value="YOURSITE.CO.JP"><br>
<input type=radio name=sitesearch value=""> WWW を検索
<input type=radio name=sitesearch value="YOURSITE.CO.JP" checked> YOURSITE.CO.JP を検索
</font>
</td></tr></table>
</form>
</center>
<!-- SiteSearch Google -->


Yahoo標準タイプ



Yahoo! JAPAN  




タグにすると~こんな感じになってます。
Yahoo標準タイプタグ

<!-- Begin Yahoo Search Form -->
<div style="margin:0;padding:0;font-size:14pt;border:none;background-color:#FFF;">
<form action="http://search.yahoo.co.jp/search" method="get" target="_blank" style="margin:0;padding:0;">
<p style="margin:0;padding:0;"><a href="http://www.yahoo.co.jp/" target="_blank"><img src="http://i.yimg.jp/images/search/guide/searchbox/080318/ysearch_logo_85_22.gif" alt="Yahoo! JAPAN" style="border:none;vertical-align:middle;padding:0;border:0;" width="85" height="22"></a><input type="text" name="p" size="31"><input type="hidden" name="fr" value="yssw"><input type="hidden" name="ei" value="Shift_JIS"><input type="submit" value="検索" style="margin:0;"></p>
</form>
</div>
<!-- End Yahoo! Search Form -->


Yahooサイト内検索付タイプ



Yahoo! JAPAN  

  • ウェブ全体を検索
  • このサイト内を検索





タグにすると~こんな感じになってます。
Yahooサイト内検索付タイプタグ

<!-- Begin Yahoo Search Form -->
<div style="margin:0;padding:0;font-size:14pt;border:none;background-color:#FFF;">
<form action="http://search.yahoo.co.jp/search" method="get" target="_blank" style="margin:0;padding:0;">
<p style="margin:0;padding:0;"><a href="http://www.yahoo.co.jp/" target="_blank"><img src="http://i.yimg.jp/images/search/guide/searchbox/080318/ysearch_logo_85_22.gif" alt="Yahoo! JAPAN" style="border:none;vertical-align:middle;padding:0;border:0;" width="85" height="22"></a><input type="text" name="p" size="31"><input type="hidden" name="fr" value="ysiw"><input type="hidden" name="ei" value="Shift_JIS"><input type="submit" value="検索" style="margin:0;"></p>
<ul style="margin:2px 0 0 0;padding:0;font-size:10pt;list-style:none;">
<li style="display:inline;"><input name="vs" type="radio" value="" checked="checked">ウェブ全体を検索</li>
<li style="display:inline;"><input name="vs" type="radio" value="●●●">このサイト内を検索</li>
</ul>
</form>
</div>
<!-- End Yahoo! Search Form -->




ためになったわよ!!って言う人は~ポチッとしてね(゜ ▽ ゜)

キャラクターグッズなら B10401876L.jpg B10401876L2.jpg キャラクターグッズなら
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。