（補足）
いまいち、どうなるのか解らない人は、説明の文字（タグの左の文字）をマウスでクリックしてみてね。
もちろん、他のタグ（例えば、リンクのタグ）などと合わせて使う事も、できますね。
全ての応用は、いらない部分を削って使ってね。
元の状態に戻したい時は右のボタンをクリック⇒
（注１）文字の太さは、１００〜９００の間で、１００刻みに（１００・２００・３００・・・９００）指定してくださいね。また、１００が一番細く、９００が一番太くなります。
（注２）文字の傾きは、「italic」で、傾き、「normal」で、傾きなし、と言う指定方法です。
（全てのと言っていますが、コメントが出る物は、含まれていませんので、ご自分で付け加えてくださいね。また、触れて・離れて・クリックに対して全部付け加えると、・・・上手く作動出来ません？・・付けてみれば解ります。（笑）コメントが画面中央に出るのでね。なので、付ける時は、どれか１つにして下さいね。）
（注３）コメントの詳しいアレンジ方法は、８−２．ボタン（押すと…編）の（注１．２．３）を見てね。
↓書体を選んでね。（これ以外もあります）
Terminal
Small Fonts
Arial Unicode MS
ＭＳ 明朝
MS UI Gothic
HG丸ｺﾞｼｯｸM-PRO
HGｺﾞｼｯｸM
HGｺﾞｼｯｸE
HG創英角ﾎﾟｯﾌﾟ体
HG創英角ｺﾞｼｯｸUB
ふみゴシック
HG行書体
HG祥南行書体
HG正楷書体
恋文ペン字
| 赤い文字の部分を変更してコピー貼り付けで使ってね！ | |
|---|---|
| クリックで変化編 | |
| 文字をクリックで背景色が変化 | <font color="#最初の文字色" onclick="bgColor='#背景色'">文字</font> |
| 文字をクリックで文字色が変化 | <font color="#最初の文字色" onclick="this.color='#クリック時の文字色'">文字</font> |
| 文字をクリックで文字が変化 | <font color="#最初の文字色" onclick="this.innerText='クリック時の文字';this.color='#クリック時の文字色'">文字</font> |
| 文字をクリックした時に文字の書体が変化 | <font color="#最初の文字色" face="最初の文字の書体" onclick="this.style.fontFamily='クリック時の書体';this.color='#クリック時の書体色'">文字</font> |
| 文字をクリックした時に文字の大きさが変化 | <font color="#最初の文字色" onclick="this.size='クリック時の文字の大きさ';this.color='#クリック時の文字色'">文字</font> |
| 文字をクリック時文字の背景色が変化 | <font color="#最初の文字色" style="background-color:#最初の文字の背景色" onclick="this.style.background='#クリック時文字背景色';this.color='#クリック時の文字色'">文字</font> |
| 文字をクリック時文字太さ変化（注１） | <font color="#最初の文字色" onclick="this.style.fontWeight='クリック時の文字の太さ';this.color='#クリック時の文字色'">文字</font> |
| 文字をクリック時文字が傾く | <font color="#最初の文字色" onclick="this.style.fontStyle='italic';this.color='#クリック時の文字色'">文字</font> |
| 文字をクリックでコメントが出る（注３） | <font color="#最初の文字色" onclick="{alert('コメントの文字')}">文字</font> |
| 文字をクリックでコメントが出る(２択編)（注３） | <font color="#最初の文字色" onclick="if(confirm('最初のコメント文字')){alert('OKの文字')}else{alert('キャンセルの文字')}">文字</font> |
| 文字をクリックすると文字が消える | <font color="#最初の文字色" onclick="this.style.visibility='hidden'">文字</font> |
| クリックで変化応用編 | |
| 文字に触れて背景色が変化、さらにクリックで変化 | <font color="#最初の文字色" onmouseover="bgColor='#触れた時の背景色'" onclick="bgColor='#クリック時の背景色'">文字</font> |
| 文字に触れて文字色が変化、さらにクリックで変化 | <font color="#最初の文字色" onmouseover="this.color='#触れた時の文字色'" onclick="this.color='#クリック時の文字色'">文字</font> |
| 文字に触れて文字が変化、さらにクリックで変化 | <font color="#最初の文字色" onmouseover="this.innerText='触れた時の文字';this.color='#触れた時の文字色'" onclick="this.innerText='クリック時の文字';this.color='#クリック時の文字色'">文字</font> |
| 文字に触れて書体が変化、さらにクリックで変化 | <font color="#最初の文字色" face="最初の文字の書体" onmouseover="this.style.fontFamily='触れた時の書体';this.color='#触れた時の書体色'" onclick="this.style.fontFamily='クリック時の書体';this.color='#クリック時の書体色'">文字</font> |
| 文字に触れて文字の大きさが変化、さらにクリックで変化 | <font color="#最初の文字色" onmouseover="this.size='触れた時の文字の大きさ';this.color='#触れた時の文字色'" onclick="this.size='クリック時の大きさ';this.color='#クリック時の文字色'">文字</font> |
| 文字に触れて文字の背景色が変化、さらにクリックで変化 | <font color="#最初の文字色" style="background-color:#最初の文字の背景色" onmouseover="this.style.background='#触れた時文字背景色';this.color='#触れた時の文字色'" onclick="this.style.background='#クリック時文字背景色';this.color='#クリック時の文字色'">文字</font> |
| 文字に触れてクリックで文字太さ変化（注１） | <font color="#最初の文字色" onmouseover="this.style.fontWeight='触れた時の文字の太さ';this.color='#触れた時の文字色'" onclick="this.style.fontWeight='クリック時の文字の太さ';this.color='#クリック時の文字色'">文字</font> |
| 文字に触れて傾きクリックで元に戻る | <font color="#最初の文字色" onmouseover="this.style.fontStyle='italic';this.color='#触れた時の文字色'" onclick="this.style.fontStyle='normal';this.color='#クリック時の文字色'">文字</font> |
| 全ての応用編 | |
| 全部加えてみました（注２） | <font color="#最初の文字色" face="最初の文字の書体" size="最初の文字の大きさ" style="background-color:#最初の文字の背景色" onmouseover="this.style.fontFamily='触れた時の書体';this.color='#触れた時の文字色';bgColor='#触れた時の背景色';this.innerText='触れた時の文字';this.size='触れた時の文字の大きさ';this.style.background='#触れた時文字背景色';this.style.fontWeight='触れた時の文字の太さ';this.style.fontStyle='触れた時の文字の傾き'" onmouseout="this.style.fontFamily='離れた時の書体';this.color='#離れた時の文字色';bgColor='#離れた時の背景色';this.innerText='離れた時の文字';this.size='離れた時の文字の大きさ';this.style.background='#離れた時文字背景色';this.style.fontWeight='離れた時の文字の太さ';this.style.fontStyle='離れた時の文字の傾き'" onclick="this.style.fontFamily='クリック時の書体';this.color='#クリック時の文字色';bgColor='#クリック時の背景色';this.innerText='クリック時の文字';this.size='クリック時の文字の大きさ';this.style.background='#クリック時文字背景色';this.style.fontWeight='クリック時の文字の太さ';this.style.fontStyle='クリック時の文字の傾き'">文字</font> |