2017-02-09 55 views
-1

我面臨的問題,即我想在我的HTML頁面中顯示圖像,所以我用img標籤,我給img src但我無法顯示圖像。圖像無法顯示使用img標籤inhtml

這是 下,在我的系統我的圖片路徑:\用戶\ SP \桌面\ UI developement_HTML_Daily實踐樣本\ image.png

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<title>Using Image in Webpage</title> 
 
</head> 
 
<body> 
 
<p>Simple Image Insert</p> 
 
<img src="image.png" alt="Test Image" /> 
 
</body> 
 
</html>

+0

您必須在圖像之前添加UI developement_HTML_Daily練習示例,如Test Image儘管這是一個很大的文件夾名稱,但在您上傳它之前,我會將其更改爲圖像或更短的內容。 – mlegg

回答

0

如果要部署此網站,你也應該部署圖片。

我建議(作爲一種最佳實踐方法),您可以在與index.html文件相同的目錄中創建文件夾imagespics。您的圖片複製到該文件夾​​,然後使用link:

<img src="images/image.png" alt="Test Image"> 

這樣,你可以很容易地部署在未來的項目文件夾,將所有文件的正確鏈接。