他のファイルから画像を表示する際に問題が発生する

Question

現在、私は現在学校の課題に取り組んでおり、別のファイルから画像を取得しようとしています。

今、私は自分のHTMLフォルダのページに取り組んでいます。自分の写真フォルダから鳥の画像を取得したいと思います。

すべてのコードを正しく入力しても、表示する画像を取得できません。 HTMLフォルダと写真フォルダは、いずれもギャラリープロジェクトのドキュメント/フォルダにあります。

ここで私がすでに試したコードのいくつかを紹介します。

img src="/photos/bird.jpg" 

img src="photos/bird.jpg" 

img src="bird.jpg" 

img src="gallery/photos/bird.jpg" 

もう一度すべてを試しましたが、まだ表示されません。私はPhotoshopで画像のサイズを変更して、それが何かを乱したのだろうかと思います。どんな助けも素晴らしいだろう、ありがとう。

（PSは、はい、私は括弧を含めて、細部のすべてのです、私はちょうど時間のためにそれを含んでいませんでし。。）

EDIT：これは本当に重要どのくらい確かに、しかしありません写真フォルダは自分のHTMLフォルダの1つ下にあります。また、私の先生は、特定のフォルダに写真を残しておきたいので、イメージをHTMLフォルダに置くことはできません。

Answer 1

回答のために、HTMLと写真の完全なディレクトリパスを表示する必要があります。しかし

相続人例：

のhtml：プロジェクト/ HTML/index.htmlを

写真：プロジェクト/写真/ examplePhoto.jpg

あなたがインデックスに記載されている写真を含める場合src = "../ photos/examplePhoto.jpg"となります。

「../」は、1つのディレクトリに戻り、この状況でプロジェクトフォルダに移動します。より良い理解を得るために "相対的な経路"を見上げる。