我試圖將圖片放入HTML文件中。如果我把它們用於例如background-image:url('file:/// C:/Users/faycel/Desktop/site%20guide/paris.jpg');它的作品但是,當我嘗試另一個圖片鏈接它不起作用。問題是我可以做什麼,當我將我的網站在線。沒有圖像會出現,因爲這個鏈接只在我的電腦工作我想到谷歌驅動器,所以我把一些圖片,我會用在我的網站在谷歌驅動器,但當我使用鏈接我沒有得到我的網頁上的任何圖片(所有的圖片都在我的驅動器公開)
PS:我使用的方法./images/logo.png「但徒勞。HTML文件中的圖像源
回答
有兩種方法可以用HTML引用圖像和其他文檔:絕對鏈接和關係鏈接。一個好的做法是有一個有序的文件夾結構和參考關係URL。
例如,您可以有一個主目錄,您可以在其中存儲您的圖像,CSS樣式表,腳本等所有html文件和子目錄。使用此文件夾結構,您可以使用img/paris.jpg
引用圖像,其中img是所有圖像的包含文件夾。
這樣,當你上傳你的所有文件時,什麼都不會中斷。
更多的Infor,請訪問W3C文檔:http://www.w3.org/TR/WD-html40-970917/htmlweb.html
謝謝你的回答! – luz
該鏈接「file:/// C:/Users/faycel/Desktop/site%20guide/paris.jpg」在您的計算機中調用圖片。請嘗試使用Google Drive中文件的公開網址。
謝謝您的回答! – luz
其簡單,您只需要在你的圖片中加上一個絕對的鏈接
例如..
如果您的網站有一個img目錄,你可以使用
<img src="http://www.example.com.br/img/img.png"/>
謝謝你的回答! – luz
如果如果幫助你,豎起大拇指請保持在頂部。 –
- 1. WPF win app .HTML資源,如何在.html文件中路徑圖像。資源
- 2. HTML文件位圖圖像
- 3. 的JavaFX的WebView:從資源文件夾,HTML加載CSS /圖像
- 4. 添加HTML圖像文件
- 5. 「混淆」HTML圖像源URL
- 6. Html值與PHP圖像源
- 7. 更改HTML圖像源
- 8. 圖像文件資源在Silverlight應用程序中的圖像源
- 9. 在HTML文件中加載PNG圖像
- 10. HTML/Javascript - 從在線文件獲取圖像源
- 11. PHP文件作爲圖像源不起作用(HTML,PHP)
- 12. 從HTML源文件下載並保存圖像
- 13. Android引用JavaScript文件中的資源文件夾圖像?
- 14. 顯示的圖像鎖定源文件
- 15. VBA的資源圖像文件?
- 16. 將位圖圖像源綁定到我的本地文件夾中的圖像
- 17. mp4文件的HTML圖像預覽
- 18. HTML到使用Painty的圖像文件
- 19. HTML文件的創建與圖像
- 20. CGI或HTML文件上的圖像
- 21. 從圖像資源引用VS 2015中的packages文件夾中的圖像
- 22. HTML/CSS - 圖像源的隱藏部分
- 23. html來自UNC路徑的圖像源
- 24. html文件的來源,phonegap
- 25. html映像標記不顯示XAMPP文件中的圖像
- 26. 當本地圖像源文件更改
- 27. 圖像控制 - 從資源文件
- 28. 從資源文件夾檢索圖像
- 29. 從.cs文件更改圖像源
- 30. PHP - 如何寫圖像資源文件
你必須明白什麼是HTML和圖像標籤/ CSS背景圖像可以爲你做。您的圖片必須位於服務器中才能看到。如果您不能將它們上傳到服務器,請考慮imgur站點 –