HTMLタグによる画像の貼り付け

質問

はじめまして。
最近、メモ帳を使って、簡単なHPを作り始めたAZUMAXと申します。
何の知識もなく、いろんなサイトを見ながら勉強しつつ
少しずつ作っています。

しかし、すごく初歩的な所で困っています。
良かったら力を貸していただけないでしょうか？

.jpgや.gifの画像ファイルを貼り付けたいのですが
貼り付けできません。
HPを見ると四角の中に、赤い■、緑の●、青の▲が表示されます。
その際のタグは<img src="画像のファイル名.jpg">です。
ファイルの保存場所が必要かと思い、
<img src="C:/Users/私のユーザー名/Pictures/画像のファイル名.jpg">に変えても、表示されませんでした。

ファイルの保存場所が違っているのか、タグが違っているのかも分かりません。
すごく初歩的な事で、申し訳ありませんが回答お願いします。

もう少し詳しい情報が必要でしたら、お答えします。
よろしくお願いします。

回答No.1

Digzath · ベストアンサー

インターネット上で画像を表示されるには、一度画像をサーバーにアップロードして、そのリンクをHTMLで記述する必要があります。
ローカルにあるファイルにリンクしても表示されません。

お礼

早い回答ありがとうございます。
Digzathさんの回答を見て、やっと理解することが出来ました。
先ほど試してみると、表示することが出来ました。
ありがとうございました。

回答No.2

narunaru23

<img src="C:/Users/私のユーザー名/Pictures/画像のファイル名.jpg">

「Cドライブ」の中の「Users」というフォルダの「私のユーザー名」のフォルダの中の「Pictures」のフォルダの中の「画像のファイル名」の画像を読み込みなさいという指示になっているのです。
この指示では、質問者さんのパソコンの中のCドライブを読みなさいという指示にままサーバーにアップロードしてしまっているので、
パソコンのドライブは読み込めなく画像が表示されないのです。

なので、
サーバーに「ファイル名.html」というファイルをアップロードします。
その中に表示したい画像を入れるとすると
<img src="画像ファイル.jpg">
と指示し、
ファイル名.html同じ階層に画像ファイルをアップロードする必要があります。
一般的には同じ階層に画像ファイルをいれることはあまりしないので、
ファイル名.htmlの階層にimgとか何か画像を入れておくためのフォルダーを作成し、その中に画像ファイルを入れておくと便利でしょう。
そうすると、指示は
<img src="img/画像ファイル名.jpg">
になるので、ファイル名.htmlはimgフォルダの中にある、画像ファイル名.jpgを読みにいき表示されます。

タグは間違っていないのですが、
画像ファイルが置いてある場所を読み込めないので表示されないのです。
がんばって下さい。

お礼

回答ありがとうございます。
詳しく説明していただいて、とても分かりやすいです。
回答者No.1さんとnarunaru23の回答で理解することができました。
これからも頑張って良いHPを作っていきます。
ありがとうございました。