タグ集

タグを使って、表現力をＵＰしよう！2006/07/31更新

タグとは、ＨＴＭＬタグのことで、<>で囲んで記述される「呪文」の事です。
これを、使うと、文字を大きくしたり、色を変えたり、動かしたり、いろいろな事が出来ます。
ここでは、チャットで、使えるいろいろなタグを紹介します。
(注意)タグの使用については、各チャットルームのルールに従ってください。
チャットルームによっては、使える所と使えない所があるので、ご了承ください。

文字の色と大きさを同時に指定する場合

複合技

記号一覧

	Symbol
	Wingding
	特殊文字

タグ保管所

タグは、半角英数で<>で囲まれている。全角文字が、１文字でも、あると失敗します(T_T)
開くタグと、閉じるタグで、１対になっている。
開くタグは<xxxxxx>、閉じるタグは</xxxxxx>の様に「/」が付いている。（画像貼りつけタグは、別）

ここの便利な使い方(Windows+ＩＥの場合)

	チャットルームを別窓で、開いておく。例・・・練習場
	使いたい、試したいタグの上に、マウスを重ねる。
	クリックを、３回、・・・・クリック、クリック、クリック！(タグが、反転し選択される) （ネスケの人は、タグの先頭から、一番後ろまで、ドラッグ）
	「Ctrl+C」を押す(「Ctrl」キーを押しながら「C」を押す)
	チャットルーム(練習場)に移動する。
	発言欄にカーソルを持っていく
	「Ctrl+V」を押す(「Ctrl」キーを押しながら「V」を押す)
	あら不思議、発言欄に目的のタグが、貼りついてる(^.^)
	これを、「コピー･ペースト」といいます。

このまま、発言して、目的のタグが、表示されれば、大成功！
利点は、長いタグでも入力ミスなく、すばやく、発言欄に打ち込める事。
｢コピー・ペースト」を、使ってない人は、ぜひ、お試しあれ！

文字を変化させるタグ

文字の大きさを変えるタグ

発言欄への入力例	ログの表示のされ方
<FONT SIZE="1">こんにちは</FONT>	こんにちは
<FONT SIZE="2">こんにちは</FONT>	こんにちは
<FONT SIZE="3">こんにちは</FONT>	こんにちは
<FONT SIZE="4">こんにちは</FONT>	こんにちは
<FONT SIZE="5">こんにちは</FONT>	こんにちは
<FONT SIZE="6">こんにちは</FONT>	こんにちは
<FONT SIZE="7">こんにちは</FONT>	こんにちは
文字の大きさは、7種類で、SIZE="1"が最小で、SIZE="7"が最大、標準は、普通SIZE="3"です。

文字の色を変えるタグ

色を指定するには、を使います。
xxxxxxのところに、色の名前(半角英数)もしくは、色コード(#000000～#FFFFFF)をつかいます。

発言欄への入力例ログの表示のされ方

こんにちは こんにちは

こんにちは こんにちは

こんにちは こんにちは

こんにちは こんにちは　

こんにちは こんにちは

こんにちは こんにちは

色コードとは、光の三原色、赤・緑・青の強さをそれぞれ、二ケタの１６進数で、表したものです。
従って、#000000=黒・#FFFFFF=白・#FF0000=赤・#00FF00=緑・#0000FF=青・・・・になります。

後は、この数字を調整することにより、微妙な色を作ることが出来ます。試してみてね(^.^)

色名で指定する場合の色見本

aliceblue antiquewhite aqua

aquamarine azure beige

bisque black blanchedalmond

blue blueviolet brown

burlywood cadetblue chartreuse

chocolate coral cornflowerblue

cornsilk crimson cyan

darkblue darkcyan darkgoldenrod

darkgray darkgreen darkkhaki

darkmagenta darkolivegreen darkorange

darkorchid darkred darksalmon

darkseagreen darkslateblue darkslategray

darkturquoise darkviolet deeppink

deepskyblue dimgray dodgerblue

firebrick floralwhite forestgreen

fuchsia gainsboro ghostwhite

gold goldenrod gray

green greenyellow honeydew

hotpink indianred indigo

ivory khaki lavender

lavenderblush lawngreen lemonchiffon

lightblue lightcoral lightcyan

lightgoldenrodyellow lightgreen lightgrey

lightpink lightsalmon lightseagreen

lightskyblue lightslategray lightsteelblue

lightyellow lime limegreen

linen magenta maroon

mediumaquamarine mediumblue mediumorchid

mediumpurple mediumseagreen mediumslateblue

mediumspringgreen mediumturquoise mediumvioletred

midnightblue mintcream mistyrose

moccasin navajowhite navy

oldlace olive olivedrab

orange orangered orchid

palegoldenrod palegreen paleturquoise

palevioletred papayawhip peachpuff

peru pink plum

powderblue purple red

rosybrown royalblue saddlebrown

salmon sandybrown seagreen

seashell sienna silver

skyblue slateblue slategray

snow springgreen steelblue

tan teal thistle

tomato turquoise violet

wheat white whitesmoke

yellow yellowgreen #A1FE9F

　

文字の色と大きさを同時に指定する場合。

と言う風にすれば、同時に指定できます。

発言欄への入力例ログの表示のされ方

こんにちは こんにちは

こんにちは こんにちは

こんにちは こんにちは

こんにちは こんにちは

太字にするタグ

が、太文字にする、タグです。これに挟まれた部分が、太文字になります。

発言欄への入力例ログの表示のされ方

こんにちは こんにちは

はじめまして はじめまして

またねー(^.^)/~~~ またねー(^.^)/~~~

斜め文字にするタグ

が、斜め文字にする、タグです。これに挟まれた部分が、斜め文字になります。

発言欄への入力例ログの表示のされ方

こんにちは こんにちは

はじめまして はじめまして

またねー(^.^)/~~~ またねー(^.^)/~~~

アンダーラインを入れるタグ

が、アンダーラインを入れるタグです。これに挟まれた部分に、アンダーラインが、引かれます。

発言欄への入力例ログの表示のされ方

こんにちは こんにちは

はじめまして はじめまして

またねー(^.^)/~~~ またねー(^.^)/~~~

取り消し線を入れるタグ

<S></S>が、取消し線を入れるタグです。<S>これに挟まれた部分</S>に、取消し線が、入ります。

発言欄への入力例ログの表示のされ方

<S>こんにちは</S> ~~こんにちは~~

<S>はじめまして</S> ~~はじめまして~~

<S>またねー(^.^)/~~~</S> ~~またねー(^.^)/~~~~~

　

中央に表示するタグ

<CENTER></CENTER>が、中央に表示するタグです。

発言欄への入力例ログの表示のされ方

<CENTER>こんにちは</CENTER>
こんにちは

<CENTER>v(^^)v</CENTER>
v(^^)v

　

改行を入れるタグ

 が、改行を入れるタグです。 を入れたところに、改行が入ります。

発言欄への入力例ログの表示のされ方

こ ん に ち はこ
ん
に
ち
は

 （)　（) （°＊°）
（)　（)
（°＊°）

　

複合して、使う。

これらのタグは、複合して、使うことが出来ます。
それぞれの、タグに挟まれた文字に、それぞれのタグの効果が、表れます。

発言欄への入力例ログの表示のされ方

こんにちは<S>おはつ</S> こんにちは~~おはつ~~

<S>おはつ</S> ~~おはつ~~

こんにちは こんにちは

またねー(^.^)/~~~ またねー(^.^)/~~~

　

揺れる文字を作るタグ

揺れる文字は、・・・上付き、・・・下付きを使います。

♪♪♪♪♪♪♪♪♪♪♪♪♪

^{♪^{♪^♪♪♪}♪}♪_{♪_{♪_♪♪♪}♪}

好き好き好き好き好き好き好き好き好き好き好き好き大好き

^{好き^{好き^好き好き好き}好き}好き_{好き_{好き_好き好き好き}大好き}

　

文字を動かすタグ

<MARQUEE ></MARQUEE>が、文字を動かすタグです。
ただし、ネットスケープでは、見れません。

<Marquee>こんにちは</Marquee>

こんにちは

左から、右へ動かすには、DIRECTION="right"を追加する。

<marquee DIRECTION="right">こんにちは</marquee>

こんにちは

往復で、動かすには、Behavior="Alternate"を追加する。

<Marquee Behavior="Alternate">こんにちは</Marquee>

こんにちは

ちなみに、上下に動かすには、DIRECTION="up"もしくは、DIRECTION="down"をいれます。

動く早さを変えるには、ScrollAmount="xx"を追加する。
xxの数字を変えることで、スピードを調節出来る。

<Marquee ScrollAmount="1">こんにちは</Marquee>

こんにちは

<Marquee ScrollAmount="16">こんにちは</Marquee>

こんにちは

<Marquee ScrollAmount="60">こんにちは</Marquee>

こんにちは

いろいろ組合せた例・・・

<Marquee Behavior="Alternate" ScrollAmount="24">お(^o^) や(^O^) す(^^) みぃ(^-^)ー</Marquee>

お(^o^) や(^O^) す(^^) みぃ(^-^)ー

部分的に(範囲を指定して)使った例・・・

ロケット・パ～ンチ！　（　・・）－○））<marquee width=30% DIRECTION="right" ScrollAmount="60">～～Ю</Marquee>　☆）゜ｏ゜）／

ロケット・パ～ンチ！　（　・・）－○））～～Ю　☆）゜ｏ゜）／　

　

記号一覧

"symbol""Wingdings"などの記号フォントを使って、記号を表示することが出来ます。
主な記号のリストを載せておきます。(^.^)

Symbol

発言欄への入力例
ログの表示のされ方

&#167 ｧ

&#169 ｩ

&#168 ｨ

&#170 ｪ

ｩハートマークは、ｩでも、表示出来ますが、
ハートマークのつもりが、ゥになってしまった経験ありません？(^^;
これは、その掲示板やチャットルームが、半角カタカナの入力を許可していない場合に起こります。
（Outlook Expressでタグメールを送るときも、同じ事が起きます。）
コード入力なら、大丈夫なので、コードで覚えた方がいいかも(^^ゞ

と言うわけで、ハートマークを使った顔文字を一つ（笑）

（&#169o&#169）ズキュン♪

（©o©）ズキュン♪　

その他のsymbolコード表

　

Wingding

発言欄への入力例
表示
発言欄への入力例
表示

&#33 ! &#34 "

&#35 # &#36 $

&#37 % &#38 &

&#39 ' &#40 (

&#41 ) &#42 *

&#43 + &#44 ,

&#45 - &#46 .

&#47 / &#48 0

&#49 1 &#50 2

&#51 3 &#52 4

&#53 5 &#54 6

&#55 7 &#56 8

&#57 9 &#58 :

&#59 ; &#60 <

&#61 = &#62 >

&#63 ? &#64 @

&#65 A &#66 B

&#67 C &#68 D

&#69 E &#70 F

&#71 G &#72 H

&#73 I &#74 J

&#75 K &#76 L

&#77 M &#78 N

&#79 O &#80 P

&#81 Q &#82 R

&#83 S &#84 T

&#85 U &#86 V

&#87 W &#88 X

&#89 Y &#90 Z

&#91 [ &#92 \

&#93 ] &#94 ^

&#95 _ &#96 `

&#97 a &#98 b

&#99 c &#100 d

&#101 e &#102 f

&#103 g &#104 h

&#105 i &#106 j

&#107 k &#108 l

&#109 m &#110 n

&#111 o &#112 p

&#113 q &#114 r

&#115 s &#116 t

&#117 u &#118 v

&#119 w &#120 x

&#121 y &#122 z

&#123 { &#124 |

&#125 } &#126 ~

Wingding全コード表

特殊記号
ブラウザにあらかじめ登録された「キーワード」で特殊文字を表示することが出来ます。
共通で使えるものを表にします。

発言欄への入力例
表示
発言欄への入力例
表示

  (半角スペース) ° °

© © ¶ ¶

" " ¥ ¥

® ® ¢ ¢

> > § §

< < ± ±

& & ¨ ¨

£ £

画像を貼りつけるタグ

<IMG SRC="xxxxxxxxxxxxxxxxxxxxxx">が、画像を貼るタグです。
xxxxxxxxには、画像のアドレスを、入力します。

画像のアドレス(ＵＲＬ)は、画像を右クリックして、プロパティを見れば、調べられます。

チャットのログに、画像を貼る場合は、その画像が、Ｗｅｂ上に存在することが必要です。
（自分のパソコン内にある画像を貼り付けることは、出来ない。）
逆に言えば、Ｗｅｂ上に存在する画像であれば、なんでも、貼りつけることができます。

ただし、著作権法や、ネチケットに、違反するような画像は、くれぐれも使わない様に・・・(~_~；)
また、このタグは、画像に直接リンクして表示しています。
素材系のサイトなどで、「直リンク禁止」が明記されているサイト内の画像は、絶対に使わないようにしましょう。

画像を貼ると、チャットが、重くなります。テレホタイム多人数のチャットルームで、サイズの大きな（重い）画像を多用すると、ヒンシュクをかうので、注意しましょう。

発言欄への入力例	ログの表示のされ方
<IMG SRC="http://www.kawa.ne.jp/~kawa/gif/notes.gif">
<IMG SRC="http://www.kawa.ne.jp/~kawa/gif/ft.gif">
<IMG SRC="http://www.kawa.ne.jp/~kawa/gif/baku.gif">
<IMG SRC="http://www.kawa.ne.jp/~kawa/gif/warai.gif">
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/akubi.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/ase.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/ase2.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/ase3.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/ase5.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/baa.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/bakudan.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/bal1.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/bal2.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/banzai.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/bye.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/cat.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/chichi.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/chu.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/dore.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/e.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/ee.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/eye.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/goho.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/ha.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/haa.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/han.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/iimonn.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/ikari.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/ikari3.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/kangaeru.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/kani.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/kanpai.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/kara-k7.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/kara-warai.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/kata.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/kera.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/ki.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/kikoe.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/kochi.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/kousan.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/kyoro.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/love.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/memo.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/mite.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/namida.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/neru.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/nn.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/ohuen.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/onegai.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/oowarai.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/peco.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/pee.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/po.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/pori.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/pote.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/punch.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/runrun.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/samui.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/shiee.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/un.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/valtan.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/wata.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/yan.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/yoi.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/yoshi.gif" >
<Img Src="http://www.kawa.ne.jp/~kawa/gif/face/you.gif" >

画像タグは、他にも、ＧＩＦアニメ集や動く顔文字集にたくさんあります～♪
　

リンクを貼りつけるタグ

<A Href="http://xxx.xxxxxxx" Target="_blank">リンク先名</A>が、リンクを貼るタグです。
http://xxx.xxxxxxxに、リンク先のアドレス・リンク先名に入力した文字が、ログに表示される。
メールアドレスの場合は、http://xxx.xxxxxxxの代わりに、mailto:メールアドレスとなります。

ホームページのリンクを貼る例

<A Href="http://www.kawa.ne.jp/~kawa/" TARGET='_brank'>かわのページ</A>

かわのページ

☆　TARGET='_brank'を入れるのは、クリックした時、新しい窓で開くためです。
これを入れてないと、チャット中にクリックした人は、チャットルームの外に出てしまいます(^^;
（<a タグを使うと、自動的にTARGET='_brank'を追加してくれるチャットもありますが・・・）

リンクの文字を装飾したい時は、こんな感じで・・・(^^ゞ

<A Href="http://www.kawa.ne.jp/~kawa/" TARGET='_brank'>かわのページ</A>

かわのページ　

リンクの下線を消したい時　style="text-decoration: none"を追加します。

<A Href="http://www.kawa.ne.jp/~kawa/" TARGET='_brank' style="text-decoration: none">かわのページ</A>

かわのページ　

バナーを使って、リンクを貼る時

このように、リンク表示の文字列の替わりに、<img タグで、バナーの画像を貼り付けます。
alt="文字列"を入れると、画像が表示されるまでの間、ココに入れた文字列が表示されます。
画像が表示された後、画像をポイントすると、入れた文字列が、説明表示のように現れます。（IE）
リンクの詳しい説明や、お誘いの言葉を入れるのも、一応アリですね（笑）
border="0"を入れると、画像の周りに付く"リンク枠"を消せます。
バナーのデザイン上、このリンク枠が邪魔になることが多いので・・・(^^ゞ
画像の表示サイズを指定する width="" height=""は、入れないほうがいいです。
チャットや掲示板では、width heightの使用を禁止している所が多く、失敗する可能性大なので(^^;

ちなみに、Flashのバナーの場合

となりますが、<ENBED やwidth="" height=""を禁止しているチャットや掲示板が多いので、使える所は少ないかも・・・^^;
というわけで、あなたのホームページで使ってください♪（笑）

メールアドレスへのリンクを貼る例

<a href="mailto:kawa@kawa.ne.jp">かわのメアドは、ここ(^.^)</a>

かわのメアドは、ここ(^.^)

これも、文字を装飾したり、画像を使ったりすることが出来ます。

例

メール　

画像や、ＷＡＶなどの、ファイルへのリンクを貼ることも出来る。

ＷＡＶファイルへのリンクを使って、音付きの顔文字を表示させる例

（￣▽￣）／~~~~~~~~~ピシーッ！

<A Href="http://www.kawa.ne.jp/~kawa/gif/face/boom.wav">チュドーン＊＊＊＊＊≫））））（／＿ｘ）／アレー</A>

チュドーン＊＊＊＊＊≫））））（／＿ｘ）／アレー

フォーム形式のタグ

フォーム形式のタグなんてのもある。(formタグで、囲むのは、ネットスケープでも見える様にする為(^^ゞ)
「Java Scriptを使ったタグ」といった方が、正しいかも・・・(^^;
下の例の、赤文字の部分を編集するだけで、オリジナルのものが作れるので、挑戦してみてね。

オリジナルを作って、みんなに、ボタンを押してもらおう！(笑)

<form><input type="button" value="かわでーす(^^)V" onclick="alert('\n呼ばれて飛び出てじゃじゃじゃじゃぁん　ｂｙかわ(^.^)')"></input></form>

ボタンを押して出てくるダイアログ内のメッセージを複数の行にしたい時は、\nを使います。
\nを入れた所に改行が入るので、これとスペース等で、レイアウトを調整できます。

<form><input type="button" value="かわでーす(^^)V" onclick="alert('\n呼ばれて飛び出てじゃじゃじゃじゃぁん　　\n\n　　　　　　　ｂｙかわ(^.^)')"></input></form>

ということは・・・ダイアログにアスキーアートを表示できたりします。

<form><input type="button" value="もきゅっ♪" onclick="alert('\n　　　　　ｚｖｗｗｖv \n　　　／ｖｗｗｚ￣ヽ \n　　/　＿　　＿　　　　ヽ \n　　|_／／　　＼＼_　　ヽ　　　／￣￣￣￣￣ \n　　| ￣o　　　 o￣　　　 |　　　| \n　　|　　　　　　　　　u　　|　　＜　　もきゅ～・・・ \n　　ヽ　　　△　　　　　　/　　　| \n　　　＼　　　　　　／/＼　　　＼＿＿＿＿＿ \n　　　/:|ヽ―--― ／＼:::::ヽ \n　　/::/　 ` ￣￣　　　　＼:::::＼ \n　　|::::| 　　　　　　　　　　|:＼:::::＼ \n　　|::::|　　 |　　 |　　/ 　|::::::＼:::::＼\n 　　|:::::|　 /　　　|　 /　　 |:::::::::|::::::::::＼ \n　　ヽ/し　　　　し　　　　|:::::::::|::::::::::::::＼ \n　　　|　　　＿＿__/　　　|:::::::::＼:::::::::::::::＼ \n　　 /　　／　　　/　　／＼:::::::::＼:::::::::::::::＼ \n　　（　ノ　　　　（　　／　　　￣￣￣￣￣￣ \n　　￣　　　　　　￣ ')"></input></form>

<form><input type="button" value="ゴジラ出現！！°゜°。｡ﾍ(;^^)ﾉ "onClick="for(j=0;j<=15;j++){for(i=0;i<20;i++){window.scroll(0,i)}}"></form>

<form><center>問題・かわの出身地はどこ？ <input type="radio" name="01" onClick="alert('ぶっぶーー(-｡-)y-゜゜゜')">東京<input type="radio" name="01" onClick="alert('ぶっぶーー(-｡-)y-゜゜゜')">名古屋<input type="radio" name="01" onClick="alert('ぴんぽ～ん(^.^)')">神戸</center></form>

問題・かわの出身地はどこ？
東京名古屋神戸

<form><center>あなたのブラウザ情報は・・・ <input type="button" value="ブラウザ名" onclick="alert(navigator.appName)"><input type="button" value="バージョンと対応ＯＳ" onclick="alert(navigator.appVersion)"></input></center></form>

あなたのブラウザ情報は・・・

ボタンに、色を付けて見よう(^.^)
style="background:ボタンの色; color:文字色"
を加えると、ボタンに色を付けることが出来ます(^^ゞ
(注)ＩＥのみ有効

<form><input type="button" value="かわでーす(^^)V" style="background:fuchsia; color:navy" onclick="alert('\n呼ばれて飛び出てじゃじゃじゃじゃぁん　ｂｙかわ(^.^)')"></input></form>

<form><input type="button" value="かわでーす(^^)V" style="background:black; color:cyan" onclick="alert('\n呼ばれて飛び出てじゃじゃじゃじゃぁん　ｂｙかわ(^.^)')"></input></form>

タイムマシン？
ブラウザの履歴(history)を使って、過去に戻ります(笑)
チャットで使った場合、状況によっては、チャットルームの外に出てしまう事あり(~_~;)

<form><input type="button" value="タイムマシン？" onclick=yd=confirm('過去に戻る？');if(yd==true){alert('現在に戻る時は、ブラウザの「進む」を連打してね(^^ゞ');history.go(-history.length)}>

　

ボタンに画像を付けて見よう(^.^)

<form><BUTTON onclick="alert('\n母の日オメデト(^_^)∠※PAN！\nいつまでもお元気に～♪')"><Img Src=http://www.kawa.ne.jp/~kawa/gif/mother_008.gif></button></form>

<form><BUTTON onclick="alert('\nあっ、いた！（笑）\nよろしくね～～♪')"><Img Src="http://www.kawa.ne.jp/~kawa/gif/face/kyoro.gif" ></button></form>

　

検索フォームを表示してみよう(^.^)

<form action=http://search.yahoo.co.jp/bin/search><input size=30 name=p><input type=submit value="ヤフーで検索"></form>

　

お気に入り(ブックマーク)登録ボタンを作ってみよう(^.^)

<INPUT type="button" value="お気に入りに追加" onClick="window.external.AddFavorite('ここにURLを入れる','ここにページのタイトルを入れる')">

<INPUT type="button" value="お気に入りに追加" onClick="window.external.AddFavorite('http://www.kawa.ne.jp/~kawa/','かわのページ')">

タグ入力ソフト

これらのタグを、毎回手入力しても、もちろん良いのですが、チャットの場合、入力のスピードも要求される（あまり遅いと、会話の流れから、ズレてしまうことも有る(~_~；)）ので、私の場合、タグ入力を早く簡単にしてくれるソフトを使ってます。

いくつか、お勧めのフリーソフトを紹介しておきます。

いずれも、ベクターから、ダウンロード出来ます。(^.^)

ＴａｇＭａｐ３．０

TagMap3.0

これ、一番お勧め・・・とても便利で多機能(^.^)。
fontタグ・グラデーション・段落･リンク・マーキータグ・画像タグ・記号フォントなどが、簡単に出来る他、
収集したタグや、自作のタグにタイトルを付けて、リストに登録することも出来る♪

製作者北川さんのページは、こちらです(^.^)→

ＫｅｍａＧｒａｄ１．３１

KemaGrad1.31

３色の、美しいグラデーションが創れる(^.^)
ダウンロードする時は、まずvcl30.dplを、入手してインストールした後、
ＫｅｍａＧｒａｄ１．３１を、インストールしてください。
製作者のＨＰは、こちらです→沖宣宏

Rainbow Font 2.1

虹色対応のグラデーションが簡単に作れます。（＾.＾）
製作者のＨＰは、こちらです(^^ゞ→幻影工房

かわの愛読書

最新実用　HTMLタグ辞典
一番お勧めしたい一冊ですね～♪
とりあえず、これさえあればなんとかなる！ってくらい、便利な本です。
各タグの基本形からスタイルシートを使ったものまで、例文が豊富で、
タグの知識を深める記述がもりだくさんです。
HPの更新作業中に、よく煮詰まったりするんですが（笑）
そんな時、これをパラパラとめくったりしてるとアイデアが湧いてきたりします～(^^ゞ

JavaScript 例文活用辞典
もっとインタラクティブな(マウスに反応したりする)やつが作りたい！
って言う人には、これがお勧めですね。
ホームページでそのまま使えるスクリプトがいっぱいあります。
目次には、何をするスクリプトなのか書いてあるので、
欲しいスクリプトがすぐに見つかります。
チャットや掲示板で使うには、ちょっと工夫が必要なんですが・・・(^_^;)
上のタグ集と、この本を見比べると工夫の秘密がわかるかも(^^ゞ