HOME　　　　タグ教室

　ここではタグの紹介をしています。タグとは＜＞のことで、ある決められたプログラムのようなものをそのタグで囲んで書きます。具体的に言いますと、文字の大きさ、色、形を変えたり、また文字をスクロールさせたり・・・・・などなどいろいろな効果が得られ、ＨＰ作成時にも応用されています。

　ここではチャットでこれらのタグを使用する方法を説明します。ただし、皆さんが訪問されたホームページの管理人がタグの使用を許可していなければ使用できません。

　あんまりやりすぎると、チャット掲示板がこわれることもあるようなのでほどほどに！。タグは奥深くておもしろいです！

　ここのタグ（青字の部分）をコピーして、チャットの発言ボックスにペースト（貼り付け）し、好きな文字や設定に換えてお使い下さい。　みんなで研究してみましょう。必ず役に立つ時が来ると思います。

タグはすべて半角文字です。全角では動きません！注意して下さい。大文字、小文字はどちらでもＯＫ！です。

1.チャット上で、文字の大きさを変えたい時は？　

　<FONT SIZE="＠">大きくしたい文字</FONT>

　＠の所に数字を入れます。（1〜7までで半角にしてください。1＝小さい　7＝大きい）

2.チャット上で、文字を太字にしたい時は？

　<B>太くしたい文字</B>

3.チャット上で、文字をななめ分字にしたい時は？

　<I>ななめ文字</I>　　　　注）I　はアルファベットのアイです。

4.チャット上で、文字を動かしたい時は？

　<MARQUEE>動かしたい文字をここに入れる！</MARQUEE>　

　ここでは　こんなかんじ〜っ！という文字を動かしたい文字としてみました。

こんなかんじ〜っ！

5.チャット上で文字を点滅させたい時は？

　<MARQUEE SCROLLDELAY="500" SCROLLAMOUNT="500" WIDTH="500">点滅させたい文字をここに入れる！</MARQUEE>

6.文字の大きさ、色指定と、文字のバックグランドに色を付けたいときは？

　<SPAN STYLE="font-family:Arial Black; font-size:24pt; color:FFFF00; background:A0D0FF">ほわチャットルームへようこそ！</SPAN>

　color:文字の色および、background:バックグラウンドの色を、下の【色のサンプル】を参考に入力する

7.チャット上で、文字にふりがなをふりたい時は？

　<RUBY><RB>浦島太郎<RP>（<RT>うらしまたろう<RP>）</RUBY>　

　浦島太郎のところに漢字を入れ、うらしまたろうのところにひらがなよみを入れる。

8.チャット上で、動く顔文字を貼り付けてみたい時は？

　リンク先のうにたろ顔文字館の顔文字動画館から、好きな動く顔文字の下にあるアドレスをコピーして、チャットの

　発言文字ボックスにペースト（貼り付け）をする。その貼り付けたアドレス・・・

　例　<http://hp.vector.co.jp/authors/VA015672/wwkao/a05.gif>を

　　　　<img src="http://hp.vector.co.jp/authors/VA015672/wwkao/a05.gif">　のように、赤文字の部分

　(半角で　img src="・・・・")を入力して発言すれば、このような動く顔文字が出てきます。　

9.チャット上で、←のようにしたい時は？　

　<SELECT><OPTION SELECTED>最初の文字</SELECT>　　

　さらに、のように複数の内容にする時は<OPTION> でつなぐ

　<SELECT><OPTION SELECTED>１番目の文字<OPTION>２番目の文字<OPTION>３番目の文字</SELECT>

10.チャット上で、文字に横線を入れたい時は？

　これは簡単！　線を入れない文字 <S> 線を入れたい文字</S>　　

　こうなります　線を入れない文字　　線を入れたい文字　

11.チャット上で、文字に下線を入れたい時は？

　<U>下線を入れたい文字</U>

12.チャット上で、文字の色を変えたい時は？

　<FONT COLOR="000000">色を変えたい文字</FONT>

　000000の場所に下の色のサンプルの数字を入れてね♪

　【色のサンプル】です。コピー＆ペーストしてお使い下さい。

ffffff 808080 000000 ff0000 ff4500 ffa500 ffff00 9acd32
0000ff ee82ee 800080 4b0082 8a2be2 c71585 008000 00ffff
fa8072 ff69b4 ff0050 8b0000 b22222 a52a2a dc143c ff6347
006400 556b2f ff00ff ff1493 a0522d cd853f f4a460 f5deb3
228b22 32cd32 000080 0000cd 6a5acd 483d8b 4169e1 4682b4

13.チャット上で、ホームページのアドレスを、たとえばここという文字にリンクさせるには？

　<A HREF="リンクしたいホームページのアドレス">ここ</A>

　これでチャット上で、ここを押すとそのリンクしたホームページへ飛びます！

ボタンタグ
<input type="button"value="押してね！"onclick="alert('１番目の言葉');alert('２番目の言葉');alert('３番目の言葉')">
<input type="button"value="押してね！"onclick="alert('１番目の言葉');document.bgColor='#000000';alert('２番目の言葉')">

これらを応用して組み合わせても、おもしろいことになります。頭を使って応用して下さい。

まだまだたくさんありますが、どりあえず今回はここまでとします。

TOP