初心者html講座　～マウスイベント～

site map	メール
初心者管理人がこれまでに学んだホームページに関する事を公開しているホームページですよ。

初心者HTML講座：マウスイベント

掲載した画像にちょっとした仕掛けを施すことが出来ます！　それがマウスイベント!?　あなたのホームページが更に楽しくなるかも!?

・画像のマウスイベント
　 <img　src="画像の絶対パスか相対パス"　onmouseout="this.src='画像の絶対パスか相対パス'" 　onmouseover="this.src='画像の絶対パスか相対パス'"　/>

・onmouseover="this.src='画像の絶対パスか相対パス'"
・onmouseout="this.src='画像の絶対パスか相対パス'"
この2種類をよく使います！

『onmouseover="this.src='画像の絶対パスか相対パス'"』はマウスが画像上に来たときに画像が変わるためのタグです。

『onmouseout="this.src='画像の絶対パスか相対パス'" 』はマウスが画像から離れたときに画像が変わります。

絶対パスと相対パスについては‘絶対パスと相対パス'をご覧下さい！

適当な画像がないので、管理人が作ったもう一つのサイトで使ったマウスイベントにリンクを貼っておきますので、よろしければ参考にしてください！　　　 CADオペレータ：僕の場合

HTMLタグのよくある間違い！

HTMLタグは必ず半角英数字で入力してください。

　HTMLタグはコピー・貼り付けでも大丈夫です。しかし、サイズ・カラーコード・アドレスなどの数字や文字を入力する場合に半角英数字以外の文字で入力すると正しく表示されないことやおかしな表示になることがあります(ほぼ表示されないと思います)

HTMLタグを入力する際は半角英数字ですが大文字と小文字の区別は特に気にしなくてもいいようです。

HTMLタグには開始タグと終了タグがあります。
例えば、～　最初のが開始タグといいます。後の/スラッシュが付いたが終了タグになります。　終了タグを入れ忘れた場合ページのレイアウトが崩れることがあり、さっきまで崩れていなかったのに突然崩れたって言う場合は終了タグが無くなったことを疑いましょう！

他にも、HTMLタグの『<>←カッコ』、『"←ダブルクォーテーション』やHTMLタグ内の記号・文字・数字などを消したり、スペースを空けたり・くっつけたり、改行したりするとブラウザがHTMLタグを正しく認識しないので注意して下さいね。

HTMLタグを複数使う場合。
例えば、
初心者講座→初心者講座
これを開始タグ(又は終了タグ)の位置を入れ替えてみると正しく表示されません。試してみましょう。

初心者講座→初心者講座
『uタグ』の開始タグが外側なら、終了タグも外側でなければいけません。どのタグにも当てはまるので、気をつけましょう！(管理人のブラウザでは普通に表示されていますが、あなたはどうですか。表示されても間違いは間違いなので、気をつけてくださいね)

終了タグが抜けてしまってるなどが原因で思うようにブラウザに表示されないということがよくあるので、もう一度よく見直しみましょう！

HTMLタグは最初は見なれない文字や記号が多いので勉強し始めは意味が解らないと思います。でも、続けていくうちに読めるようになります。　あきらめずに少しずつ勉強していきましょうね！