为什么我的图像超链接似乎破坏了图像？

Question

我是一名初级编码员，正在尝试创建一个网站，其中徽标超链接到主页。徽标图像最初呈现正常，但是当我单击徽标时，它会将我带回带有损坏图像的主页。图片的路径是准确的，主页的路径也是如此，所以我很困惑。

HTML：

<a href='./HomePage.html'><img src="./MainLogo.jpg" alt="AVC Logo"/></a>

Answer 1

如果一切都在同一个目录中 从 href 和 src 中删除 './'

<a href='HomePage.html'><img src="MainLogo.jpg" alt="AVC Logo"/></a>

Answer 2

命名主页的好方法是 index.html，在您的情况下输入 HomePage.html

<a href='HomePage.html'><img src="./MainLogo.jpg" alt="AVC Logo"/></a>

最好的方法是

<a href='index.html'><img src="./MainLogo.jpg" alt="AVC Logo"/></a>

如果文件在同一个目录下