HTML路徑問題

Question

我目前正在做我的第一個網站。但是，我遇到了問題

顯示我的.jpg圖像和我的簡歷下載PDF。我有四重檢查

我的路徑是正確的，但似乎他們仍然沒有出現。

進出口使用githubs免費空間，舉辦我的個人網站。（www.kennyellis.me）

我的形象

<span class="avatar"><img src="/Users/newuser/Dropbox/MyWebsite/Website/imagesnewselfie.jpg" 
alt="" /> </imagespan> 

我的PDF

<li><a href= "/Users/newuser/Dropbox/MyWebsite/Website/resume_final.pdf" 
download="resume_final.pdf" class="fa fa-file-pdf-o" aria-hidden="true"></a></li> 

任何人都可以看到我的代碼立即出錯了嗎？我已經檢查了我的JPG

形象和我的PDF，並直接複製代碼到我的HTML文件，然而，

PDF下載說，世界上沒有其他文件和圖像不顯示..是的，我已經

測試，以確保我使用和編輯權的html文件。我已經寫說

「你好」在我的HTML文件的頂部，當我把它推到github上，這個「Hello 「

顯示在我的網站頂部。

謝謝你

Answer 1

變化的img標籤的路徑指向：

http://kennyellis.me/newselfie.jpg 

像這樣：

<img src="/newselfie.jpg" alt="My photo"> 

這樣做與你的簡歷 - 刪除路徑。

問題中的路徑可能來自您的本地開發環境。當您構建頁面時，請使用相對URL，以便這些頁面在放置到不同的服務器上後工作。

例如 - 如果我們有一個文件叫我的形象：

/var/www/html/example.com/images/my-image。JPG

在HTML，你可以參考它像這樣：

<img src="/var/www/html/example.com/images/my-image.jpg" alt="My image"> 

這將是罰款，如果它總是通過使用文件的HTML頁面傳遞：//（而不是服務器）。

如果你有喜歡的Apache服務器，你會使用類似：

<img src="images/my-image.jpg" alt="My image"> 

這告訴瀏覽器中的圖像目錄把目光從加載頁面的目錄下。

如果添加一個斜線，如：

<img src="/images/my-image.jpg" alt="My image"> 

瀏覽器將開始從文檔根目錄的路徑，無論從哪個裝載目錄頁面。

Answer 2

你能發送你的頁面的完整代碼嗎？

從我正在看的和只是一個快速觀察，路徑的方式可能是錯誤的，或尚未上傳到服務器。 （一個常見的錯誤）。但希望看到完整的頁面代碼以防萬一。

乾杯， Xrhaps