如何使.png徽标文件在导航栏中用作index.html链接



我正试图在导航栏中为我的网站添加一个徽标的.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>

您似乎正在尝试使用"绝对路径";这在这种情况下可能没有必要。。。您可以尝试使用";相对路径";相反,这与html文件的位置有关。

例如,如果图像与html文件位于同一文件夹中,只需使用src="FITERACY.png"即可。

有时,为所有网站图像创建单独的文件夹也是一个好主意。文件的结构可以如下。在这种情况下,您将使用类似src="images/image1.jpg"的东西

index.html
images
-- image1.jpg
-- image2.jpg

最新更新