|
|
|||||||||||||||||
|
|
|
|||||||||||||||||
|
<html> <head> <title>HTMLのリファレンスとホームページの作成講座</title> </head> <body> <h3>altとtitleを書いた場合のHTML</h3> <img src="link/faruru_banner.jpg" alt="banner、バナー画像" width="88" height="31" title="当サイトのbannerです。(横88、縦31)"><br> imgはsrc=で表示する画像を指定します。今回はlink/faruru_banner.jpgですので、<br> linkフォルダ内のfaruru_banner.jpgを表示させます。<br><br> 下記の情報は書いても書かなくてもHTMLは正常に動きます、あなたのお好みにまかせます。<br> 私は書くようにしていますね。<br> alt属性は画像が表示されなかった時、代わりに表示される情報です。<br> widthは画像の幅、heightは画像の高さを表します。<br> title属性は指定するとマウスポインタを上に置くことで文章を表示させることが出来ます。<br><br> 注意点として<br> altやtitleに文章を書きすぎると、スパムと判断されサイトが村八分とかグーグル八分にされる事があります。<br><br> <h3>altとtitleを書いた場合でaitが表示されるHTML</h3> <img src="faruru.jpg" alt="画像none" width="88" height="31" title="行けalt属性"><br> このように存在しない画像を出そうとするとaltが表示されます。<br><br> <h3>altだけを書いた場合でのtitleの表示</h3> <img src="link/faruru_banner.jpg" alt="LINK" width="88" height="31"><br> マウスポインタを画像の上に乗せるとalt属性の情報が表示されます。<br><br> <h3>altとtitleを書いた場合でtitleの内容に何も書かなかった時</h3> <img src="link/faruru_banner.jpg" alt="BANNER" width="88" height="31" title=""><br> マウスポインタを上に乗せても何も表示されません。<br> 表示されるのが嫌な人はコレを使うが良いです。<br><br> <br><br><a href="http://www.faruru.info/" target="_top">HOME</a> </body> </html> |
|||
| HTML:ホームページ | BACK NEXT HOME 作者情報;ふぁるる http://www.faruru.info/ | HTML:リファレンス | |
|---|---|---|---|