
為什么我的計算機中的影像不會顯示在我的 html 檔案中,我使用 url 使用來自網路的影像沒有問題。我將我的 html 檔案、css 和影像都保存在檔案夾中,但它沒有顯示在網站上。這是我使用 Sublime Text Editor 使用的代碼。
<div>
<img src="/images/profile-pic.jpg"/>
<h1 id="myname">John Smith</h1>
<h3>Web developer</h3>
<p>{{ pause and ponder }}</p>
</div>
</div >
uj5u.com熱心網友回復:
另一種簡單的方法來做到這一點。
轉到系統上的檔案,導航到存盤影像的檔案夾,右鍵單擊并單擊屬性,然后復制那里的地址。
uj5u.com熱心網友回復:
只需在 html 檔案中給出影像的正確路徑并洗掉路徑后面的正斜杠 (/)。
uj5u.com熱心網友回復:
您很可能在一個新目錄中,需要回傳上一級。你可以試試:
<img src="../images/profile-pic.jpg"/>
uj5u.com熱心網友回復:
現在關于檔案夾結構,這就是您排列檔案的方式。
首先為您的整個網站創建一個檔案夾。讓我們稱之為“代碼”然后在代碼中添加 HTML 檔案并將其命名為“索引”(在托管時更易于瀏覽器識別),在索引旁邊為您的附加材料創建另一個檔案夾。示例影像、字體檔案、CSS 檔案、視頻等等。命名檔案夾資產。然后在asset中,創建一個只保存影像的檔案夾,另一個用于CSS檔案,另一個用于字體檔案。
然后你就完成了從創建的第一個檔案夾復制地址(這更容易)
uj5u.com熱心網友回復:
現在您提供了螢屏截圖,我可以嘗試提供更好的幫助。在檔案夾樹中,您可以看到名為 Portfolio 的檔案夾和名為 Images 的檔案夾位于同一級別。因此,當您在檔案夾 Portfolio 中時,您應該向上導航一級。
請嘗試使用
<img src="../images/profile-pic.jpg">
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/441415.html
上一篇:網格布局中最右側的奇怪間隙
