Question

基本上我正在尝试链接到2个本地文件，这些文件是与正在浏览的网页上载在同一主机上的网页。它应该通过点击这两个图像中的一个 - Imgur来实现。我究竟做错了什么？我无法单击图像以在新选项卡中打开文件。

以下是我的文件夹 - Imgur

这是代码 -

<div class="wrapper">
    <a href="MyIndia/index.html" target="_blank"><img src="images/slide3/MyIndia.png" data-stellar-ratio="1.8" data-stellar-vertical-offset="-200" alt=""></a>
</div>
<div class="wrapper">
    <a href="PizzaCat/index.html" target="_blank"><img src="images/slide3/PizzaCat.png" data-stellar-ratio="1.8" data-stellar-vertical-offset="-35" alt=""></a>
</div>

Answer 1

这是应该有效的代码：

<div class="wrapper">
<a href="PizzaCat/index.html" target="_blank"><img src="images/slide3/MyIndia.png" data-stellar-ratio="1.8" data-stellar-vertical-offset="-200" alt=""></a>
</div>
...

确保这些细节：

所有在线文件都应该由Apache（或您正在使用的网络服务器）阅读
所有名称和文件夹都区分大小写
看看，如果你的文件名中没有任何尾随空格（比如“PizzyCat”，末尾有空格等）
检查您是否确实将所有文件上传到网络服务器

Answer 2

从你发布的代码中，很可能你的href有一个错误的相对路径

运行您的网页，假设您使用的是现代浏览器，请按F12查看链接元素，看看这些路径是否基于您的网站根目录。

Answer 3

如下所示传递路径：

<a href="C:\Users\Toni Moni\Downloads\fol.html" target="_blank"><img src="images/slide3/PizzaCat.png" data-stellar-ratio="1.8" data-stellar-vertical-offset="-35" alt=""></a>

通过单击图像链接到文件夹中的文件

3 个答案: