ホームページできるかな/超初心者さん向きHP作成
Web dekirukana.net
サイトメニュー >> ホームページのデザインテンプレートをダウンロードできるサイト
トップページ
HPのはてな?
HPはどこにある?
HPのなかみ
HTMLって?
相対・絶対パス
つくってみよう!
用意するもの
作成手順
HP用素材
基本の小技集
HPを公開!
もっと知ろう!
タグのプレビュー
いろいろな色
特殊文字
記号のよみかた
PCコラム
メール
メールフォーム BBS
掲示板

リンク
リンクについて
お役立ちリンク
自動相互リンク
レンタルサーバー
プロバイダー
広告でおこづかい
参考文献
【クリック募金】


【ウィルス対策】
Click Here!

【HTMLタグ】
みんなのタグ辞書
TAG <index>

【PCトラブル】
Windows.FAQ

【ランキング】
206 Web Ranking
ホームページの情報屋さん

【P R】


Click Here!

Click Here!



画像(グラフィックデータ/イメージ)

> タグの簡易テスト(別窓)
| 画像を表示させる | 右寄せ・左寄せ | 動くイメージ | 背景に画像(壁紙) | 背景画像を固定 |
| ロールオーバーイメージ(オンマウスオーバー) | キャッシュの削除 |


ロールオーバーイメージ(オンマウスオーバー)

マウスポインタを重ねると画像が変わる「ロールオーバーイメージ(オンマウスオーバー)」です。
使う画像次第で楽しい仕掛けが作れそうですね。
<html>
<head>
<title> </title>
</head>

<body>
☆表示させたい部分に記述します☆
</body>

</html>
表示例 記述
テスト☆ <img src="元イメージ" border="0" onMouseOver="this .src='オーバーイメージ'"onMouseOut="this .src='元イメージ'" width="横幅" height="高さ" alt="代替テキスト">
-
←この場合は・・・
<img src="01.gif" border="0" onMouseOver="this .src='02.gif'"onMouseOut="this .src='01.gif'" width="58" height="25" alt="テスト☆">
解説
元イメージの2ヵ所は同じものを記述してくださいね。
width="横幅" height="高さ" の部分は、大きさの違う画像を使う場合は削除してください。

ロールオーバーイメージでリンク もご覧ください☆


このページのトップへ

Point:
画像は必ずホームページ(HTML文書)と同じ場所(同じフォルダ内)に保存しておきましょう。
「画像が表示されない」「自分のパソコンでしか見れない」「画像の保存先を整理したい」等・・・
そんな時は『相対パス・絶対パス』を確認してみてくださいね。

Link:
相対パス・絶対パス

このページのトップへ
BACK HOME
ホームページできるかな
相対パス・絶対パス HTMLって? ホームページのなかみ ホームページはどこにある? 作成手順 作成サンプル 用意するもの ホームページ用素材 HPを公開!FFFTP 基本の小技集 コラム 特殊文字 記号のよみかた いろいろな色 タグの簡易プレビュー
Copyright(C) 2003-2005 laz All rights reserved.
当サイト内の無断使用及び無断転載を固く禁じます。