Web sitesi benim resmimi gösterme

Question

Ben html için çok yeni ve hala öğreniyorum! Ancak, web sayfamda bir resim göstermesi için html kodladım. Web sitemde görüntülemeye çalıştığım resim, html ve stil sayfam ile aynı klasörde. Ancak web sitemi yüklediğimde, Microsoft Edge'i kullanarak içinde beyaz bir x ile siyah bir kare gösterir. Web sayfamı Google Chrome'da açtığımda, resmimin olması gereken yerdeki bir çizgi ile küçük bir çizgi resim gösteriyor. Yine htmlim web sayfamdaki resmimi göstermeyecek. İşte benim resim için html kodu şöyledir:

İşte

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

Her şeyi ile benim dosyasıdır: My file with everything (html, css, image)

Ben Yardım Lütfen Windows'u 10 kullanıyorum !! Teşekkür, Tyler.904

Answer 1

Ekran görüntüsüne bağlı olarak, PNG resimlerinizin uzantısı yoktur, ancak bilinen uzantıları gizlediğiniz anlamına gelen PNG'ler olarak tanınır. Yani, bu (yorumlarınızla söylemeyi reddetti) resminizin gerçek dosya adı apollo13.jpg.jpg ve tam html olacağını şu anlama gelir:

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

Veya sadece apollo13.jpg için dosyayı yeniden adlandırmak (damla bir .jpg). referans için

Orijinal ekran görüntüsü (çift uzantılı epeyce dosyaları var):