ウェブサイトは私のイメージを表示しない

Question

私は非常にhtmlに新しいです、そして、私はまだ学んでいます！しかし、私は私のWebページ上に画像を表示するために私のHTMLをコーディングしました。私のウェブサイトに表示しようとしている画像は、私のHTMLとスタイルシートと同じフォルダにあります。しかし、私は自分のウェブサイトを読み込むと、Microsoft Edgeを使って白いxの黒い四角形を表示します。私がGoogle Chromeで自分のWebページを開くと、私のイメージがあるはずの場所にそれを通る線で少し漫画の絵が表示されます。再び私のhtmlは私のウェブページに私の写真を表示しません。ここ は、私の写真のためのHTMLコードです：ここで

<img src="apollo13.jpg" alt="Apollo 13" /> 

はそれですべてと私のファイルです： My file with everything (html, css, image)

私は、Windows 10 を使用しています助けてください！ おかげで、あなたのスクリーンショットに基づいて Tyler.904

Answer 1

は、あなたのPNG画像には拡張子を持っていない、まだPNG画像として認識されている、あなたが知られている拡張子を隠しているという意味します。だから、それは（あなたがコメントで教えを拒否した）あなたのイメージの実際のファイル名がapollo13.jpg.jpgであることを意味し、完全なHTMLは次のようになります。

<img src="apollo13.jpg.jpg" alt="Apollo 13" /> 

それとも単に（1 .jpgドロップ）apollo13.jpgにファイルの名前を変更します。参照用

オリジナルスクリーンショット（あなたは二重の拡張子を持つかなりの数のファイルを持っている）：