我正在嘗試在導航欄中為我的網站添加一個徽標的 .png 檔案,并將其作為指向 index.html 頁面的鏈接,但似乎無法弄清楚。影像似乎不會加載。有沒有人有任何建議,我的代碼有什么問題嗎?我想知道檔案路徑是否也正確。我知道在我的電腦中它指出路徑是 Macintosh HD - 用戶 - slaws - 桌面 - 健身網站 - FITERACY.png 我什至輸入正確嗎?我對 HTML 和 CSS 很陌生,希望得到任何建議或提示。提前致謝。
<body>
<nav>
<ul>
<li><a href="#"><img src="/desktop/FitnessWebsite/FITERACY.png"></a></li>
<div class="float-right">
<li><a href="#">Categories</a></li>
<li><a href="#"><input type="text" placeholder=" Search Programs"></a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Become an Instructor</a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li class="login"><a href="#">Login</a></li>
<li class="signup"><a href="#">Signup</a></li>
</div>
</ul>
</nav>
uj5u.com熱心網友回復:
看來您正在嘗試使用影像的“絕對路徑”,在這種情況下可能沒有必要……您可以嘗試使用“相對路徑”,這與您的 html 檔案的位置有關。
例如,如果影像與您的 html 檔案位于同一檔案夾中,則只需使用src="FITERACY.png".
有時,為所有網站影像創建單獨的檔案夾也是一個好主意。檔案的結構可以如下。在這種情況下,您將使用類似src="images/image1.jpg"
index.html
images
-- image1.jpg
-- image2.jpg
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/387997.html
