私はHTMLページに画像を表示しようとしていますが、エクスプローラまたはMicrosoft Edgeでは動作しません。ただし、Safari、Chrome、Firefoxで動作します。画像はWebページに表示されません
<img src="../Recursos/logoam.jpg" width="600" height="130" style="float:left">
私のイメージは私のhtmlページより別のフォルダにある: これは私のhtmlです。
私はHTMLページに画像を表示しようとしていますが、エクスプローラまたはMicrosoft Edgeでは動作しません。ただし、Safari、Chrome、Firefoxで動作します。画像はWebページに表示されません
<img src="../Recursos/logoam.jpg" width="600" height="130" style="float:left">
私のイメージは私のhtmlページより別のフォルダにある: これは私のhtmlです。
タグがBACKSLASHに
<img src="../Recursos/logoam.jpg" width="600" height="130" style="float:left" />
<img src="../Recursos/logoam.jpg" style="width:600px; height:130px; float:left">
が欠落している問題は、あなたのsrc属性であることができ
上記のコードを試してみてください。「..」パスの開始時には、ときに適用されます例えば、 "abc"という名前のフォルダがあり、その中に "scripts"と "images"という2つのサブフォルダがあります。ファイルがあるとします"images"フォルダにある画像にアクセスしたい "scripts"フォルダでは、あなたはhavパス "の先頭に" .. "を指定して、レベル"スクリプト "からレベル" abc "に移動します。残りのパスはそこから始まります。Recursosフォルダがメインの.htmlファイルと同じレベルにある場合、開始時に ".."を指定する必要はありません。 詳細については、以下のリンクを参照してください。 https://www.w3schools.com/html/html_filepaths.asp
画像のパスに関するエラーをコンソールで確認してください。コードは正常に見えます。
このタイプの問題の最も一般的な原因は、パスエラーです。つまり、イメージに間違ったパスを指定しています。
../は、現在のディレクトリの1つ上のレベルからの検索を開始することを意味します。
../../ pathには、現在のディレクトリの2つ上のレベルからの検索が開始されます。
./ in pathは、現在のディレクトリからの検索を開始することを意味します。
したがって、パスを正しく使用してイメージをロードする必要があります。 Recursosディレクトリがhtmlファイルを含むディレクトリの兄弟である場合、それはうまくいくはずです。
そうでない場合は、上記の表記法を正しく使用して画像を読み込みます。疑いや混乱の場合は、ご意見ください。
ブラウザコンソールでエラーを探します。パスが正しくない可能性があり、コンソールが正しい方向を指しているはずです。 –
ディレクトリ構造を投稿して、ディレクトリの設定方法を知ることができます。ありがとう。 – Zeddy