いろいろなタグ
画像へのリンク
画像へのリンクのタグは、
HTML文書
|
<IMG SRC="画像ファイルの場所/画像ファイル名">
|
です。
問題は記述するhtml文書と画像ファイルとの関係です。いくつかの例を挙げておきます。
今、あなたはhtmlというフォルダの中にホームページを作成しているとします。そして、そのhtmlというフォルダの中の構成は以下のようになっているとします。
11. 画像を表示する
記述例1:index.htmlの中にhome.gifの画像へのリンクを張るとき
(リンクを記述するhtml文書と画像が同じフォルダにある場合)
HTML文書−index.html
|
<IMG SRC="home.gif">
|
記述例2:index.htmlの中にhobby.gifの画像へのリンクを張るとき
(画像がリンクを記述するhtml文書の一つ下のフォルダにある場合)
HTML文書−index.html
|
<IMG SRC="hobby/hobby.gif">
|
記述例3:hobby.htmlの中にhome.gifの画像へのリンクを張るとき
(画像がリンクを記述するhtml文書の一つ上のフォルダにある場合)
HTML文書−hobby.html
|
<IMG SRC="../home.gif">
|
記述例4:hobby.htmlの中にkobe.jpgの画像へのリンクを張るとき
(画像がリンクを記述するhtml文書と同レベルの別のフォルダにある場合)
HTML文書−hobby.html
|
<IMG SRC="../kobe/kobe.jpg">
|
------------------ 他のページへのリンクを張る...
------------------ 目次へ戻る...