HTML画像リンクのタグの解説と記述方法

質問

• HTMLの画像リンクのタグについての解説と、絶対的パスの記述方法について教えてください。
• HTMLの画像リンクのタグに関する説明と、相対的パスと絶対的パスの使い方について教えてください。
• HTMLの画像リンクのタグについての説明と、現在の場所からの相対的パスの記述方法と絶対的パスの使い方についてお願いします。

回答No.1

WhiteWolf_ · ベストアンサー

独学で怪しい記憶ですが

<a href="">～</a>
はハイパーリンクを張るための記述です
クリックしたら他のページに飛ぶやつですね

今回は画像をクリックで拡大(画像自体を表示)するために使ってます

例で言うと一個上の階層のphoto01.jpgにアクセスしよう！っていうリンクになります。

終了タグ</a>が出るまでをリンクしますので</a>を必ずセットとして書きます

<img>については
borderは枠の設定みたいなもので、数値を大きくすると枠が大きくなります
リンクタグと併用してるから使ってるのかな？

srcは表示する画像のパスです。
相対パスなので一個上のフォルダを参照しているようですね

abc/def/ghi.html
だとして考えると
「./」はdefフォルダの中身を指定します(同階層)

「../」はabcフォルダの中身を指定します(一つ上の階層)

絶対指定は所謂アドレス全部のようなもので

「http://www.abc.com/def.html」
と記述すると絶対パス

defフォルダ同階層から指定するなら
「./def.html」か「def.html」となります。
これが相対パスです

altは画像が表示されなかったときのための文だったと思います。試しに画像を存在しないものにすると分かりやすいです

titleは画像にマウスを乗せたときに表示される文です。画像タイトル書いたりとかでしょうか

widthは画像の幅を指定しています。指定しないと画像のそのままサイズになってしまいます。

お礼

(^^)こんにちは。

うわーあぃ(感激！)
ありがとうございますぅ！White wolf さんアリガトウ！！

フムフム・・・だいぶ理解できてきました。少し復習します。まちがっていたらば指摘して=教えてください。

○<a href="">～</a>は、ハイパーリンクのための記述である。
○ハイパーリンクとは、他のページに飛ぶリンクのことである。
○今回の学校の例は、画像を表示するためのもので（画像自体をクリックしたら拡大をするように指定つき）　　　　　　　

(^^) まずはココまで理解しました。

○＜img border="0"　　のborderは枠の大きさのコトで"0"に入る数字によって変化する

○＜img border="0"　src＝ 　　src＝はパスのことを示している
＜img border="0"　src＝../phot01.jpg 　　　例は「ひとつ上の階層から写真を参照」と訳せる。（./　は同階層　　../　はひとつ上の階層を示す）

○＜img border="0"　src＝../phot01.jpg　 art＝グランドキャニオンの写真　

　　　artは画像が表示されなかったときの文の記述である
（^^)ナルホド！表示に失敗すると、このメッセージが・・了解！

○＜img border="0"　src＝../phot01.jpg art＝グランドキャニオンの写真　title＝グランドキャニオンへ旅をしたときの思い出の写真

title＝は、画像にマウスをのせたときに表示される文章　　ナルホド・・・

○＜img border="0"　
src＝../phot01.jpg
art＝グランドキャニオンの写真　
title＝グランドキャニオンへ旅をしたときの思い出の写真　　
クリックしたら拡大します。width＝"100"/>　

このクリックしたらば拡大します。width＝"100"　　の"100"は←拡大した際の幅のサイズを指定いしている
(指定しなければ、モトのサイズで表示されてしまう)

おかげさまで、だいぶ気持ちが楽になってきました♪
やはり　src ＝のパスのところが、まだチョット難しいですね。
完全に理解できるように頑張ります。

ｍ(_ _)ｍ今回は助かりました。スペシャル感謝です。