HTML文件中的圖像源

-5

我試圖將圖片放入HTML文件中。如果我把它們用於例如background-image：url（'file：/// C：/Users/faycel/Desktop/site%20guide/paris.jpg'）;它的作品但是，當我嘗試另一個圖片鏈接它不起作用。問題是我可以做什麼，當我將我的網站在線。沒有圖像會出現，因爲這個鏈接只在我的電腦工作我想到谷歌驅動器，所以我把一些圖片，我會用在我的網站在谷歌驅動器，但當我使用鏈接我沒有得到我的網頁上的任何圖片（所有的圖片都在我的驅動器公開）
PS：我使用的方法./images/logo.png「但徒勞。HTML文件中的圖像源

來源

2015-11-05 luz

你必須明白什麼是HTML和圖像標籤/ CSS背景圖像可以爲你做。您的圖片必須位於服務器中才能看到。如果您不能將它們上傳到服務器，請考慮imgur站點 –

有兩種方法可以用HTML引用圖像和其他文檔：絕對鏈接和關係鏈接。一個好的做法是有一個有序的文件夾結構和參考關係URL。

例如，您可以有一個主目錄，您可以在其中存儲您的圖像，CSS樣式表，腳本等所有html文件和子目錄。使用此文件夾結構，您可以使用img/paris.jpg引用圖像，其中img是所有圖像的包含文件夾。

這樣，當你上傳你的所有文件時，什麼都不會中斷。

更多的Infor，請訪問W3C文檔：http://www.w3.org/TR/WD-html40-970917/htmlweb.html

來源

2015-11-05 18:33:41 Lual

謝謝你的回答！ – luz

該鏈接「file：/// C：/Users/faycel/Desktop/site%20guide/paris.jpg」在您的計算機中調用圖片。請嘗試使用Google Drive中文件的公開網址。

來源

2015-11-05 18:15:36

謝謝您的回答！ – luz

其簡單，您只需要在你的圖片中加上一個絕對的鏈接

例如..

如果您的網站有一個img目錄，你可以使用

<img src="http://www.example.com.br/img/img.png"/>

來源

2015-11-05 18:15:46

謝謝你的回答！ – luz

如果如果幫助你，豎起大拇指請保持在頂部。 –

您可以使用相對鏈接。

創建一個文件夾上的同一位置命名的圖片，其中的html文件是
所有圖像添加到該目錄
而是像c:/something/something/images/fil.png完整路徑的只是使用images/fil.png
當上傳的網站也上傳圖像文件夾和它的內容

這可解決您的問題。但不要忘記閱讀有關IMG標籤及其SRC屬性的教程。

來源

2015-11-05 18:23:08 haseeb

當html文件位於images文件夾所在的子文件夾中時，可以使用'./ images/file.png'作爲子文件夾的子文件夾時使用'././ images/fil.png' – haseeb

謝謝你的回答！ – luz

HTML文件中的圖像源

回答

相關問題