img src = ""画像が表示されない

Question

私は非常に基本的なWebページを作成していますが、そうしているうちにページの1つに画像を置こうとしています。私は、HTMLを使用していますが、これは私がこれまで持っているものです。

<div id ="div4"><img src="file:///Users/me/Documents/image.jpg" 
width="460" height="460"/></div> 

私はブラケットエディタを使用していると私は、プレビューオプションを使用する場合、画像が左上隅にある記号と空白を示しています。あなたが私に何が間違っているのかを教えてもらえれば、それはすばらしいことになるでしょう。ありがとう！

Answer 1

ほとんどのブラウザでは、http://などの他のプロトコルでページが読み込まれている場合、そのURLへのアクセスをブロックします。

Answer 2

ファイルパスに問題があるようです。 IMGは、HTML文書と同じファイル内にある場合は、IMGは別のフォルダにある場合は

、この

<img src="../differentfolder/image.jpg"> 

のように、現在のフォルダから戻って ../を使用し、この

<img src="image.jpg"> 

を使用

（同様に、括弧では、画像のプレビューを表示するコード内のIMGファイルパス上に置くことができる。ファイルパスが正しい場合、画像が表示される）

Answer 3

01もしもちろん

parent folder 
| 
+- index.html 
    image.jpg 

、次のことができます。ファイル構造は、このようであれば、例えば<img src="./image.jpg" />

：は、あなたがイメージをロードするように相対パスを使用することができ、あなたのHTMLページと同じフォルダにありますHTMLページに関連して画像の場所に応じてパスを調整します。