最近,我在做一個網頁項目時遇到一個問題,html5圖片代碼不顯示。
<img src="images/picture.jpg" alt="Picture">
我用上面的代碼添加了一張圖片,但是在頁面上并沒有任何顯示。經過了一番調試,我終于找到了問題所在。
首先,我檢查了圖片路徑是否正確。然而,路徑并沒有問題。接著,我在控制臺中查看了網頁結構,并沒有發現任何錯誤。最后,我發現圖片大小超出了容器大小。
因為我沒有設置圖片的寬度和高度,所以圖片將會按照原尺寸進行顯示。如果寬高超出了容器大小,圖片將不會被顯示出來。
<img src="images/picture.jpg" alt="Picture" width="200px" height="200px">
為了解決這個問題,我加上了圖片的寬度和高度,所以圖片現在可以顯示在網頁上了。
總之,如果你的html5圖片代碼不顯示,請首先檢查圖片路徑是否正確,然后檢查圖片大小是否超出了容器大小。如果這些都沒問題,你可以在控制臺中查看網頁結構,找到錯誤的原因。
上一篇三種css