我试图通过我的文件设置从当前页面到另一页面的超链接,但它不起作用...... 我的代码:
<ahref="file:///C:/Users/ashsa_000/Desktop/Html/6weeksproject/Index/Languages.html"><input type="image" id="Languages" position:absolute style="height:px; width:px;" src="./CSImages/About.PNG">
<!-- Thats in context, the HREF is following-->
<ahref="file:///C:/Users/ashsa_000/Desktop/Html/6weeksproject/Index/Languages.html">
&#13;
点击超链接后会出现重复目录的错误:
文件:/// C:/用户/ ashsa_000 /桌面/ HTML / 6%20周%20project /文件/// C:/用户/ ashsa_000 /桌面/ HTML / 6%20周%20project /索引/语言。 HTML
我该如何解决这个问题?
答案 0 :(得分:1)
首先,标记与href
属性一起使用如下<a href="path/to/file.html">
。注意到差异(空间)?
其次,如果文件位于同一文件夹中,您只需要从该路径开始向上引用要链接的文件。
你走在正确的轨道上,你的href会变成:{}
考虑仅使用小写字母命名文件。它没有必要,但是一个公认的做法!
答案 1 :(得分:1)
<a href="file:///C:/Users/ashsa_000/Desktop/Html/6weeksproject/Index/Languages.html">
<input type="image" id="Languages" position:absolute style="height:px; width:px;" src="./CSImages/About.PNG">
</a>
如评论中所述,您应在a
和href
之间加一个空格。此外,您应该关闭a
代码。
为什么使用input
元素来显示图片?也许你最好使用实际的图片标签:
<a href="file:///C:/Users/ashsa_000/Desktop/Html/6weeksproject/Index/Languages.html">
<img id="Languages" style="position:absolute; height:[insert missing value]px; width:[insert missing value]px;" src="./CSImages/About.PNG">
</a>
您还可以查看此SO问题,以获取有关本地文件链接的更多参考:How can I create a link to a local file on a locally-run web page?
答案 2 :(得分:1)
<a>
必须在a
和href
之间留出空格:<a href="">
当您使用href
属性时,路径将基于您将<a>
放入哪个文件,例如如果您将<a>
放在index.html
中,并且想要引用languages.html
,请先确保languages.html
与index.html
位于同一文件夹中(更简单)然后用以下内容引用它:
<a href="languages.html">
另外,为什么使用input
标签?只需使用img
标记即可。我会修复你的代码:
<a href="languages.html">
<img id="Languages" style="position: absolute; height:_px; width:_px;" src="CSImages/About.PNG">
</a>
仅当文件夹CSImages与index.html
位于同一目录时才有效。如果没有,只需相应更改路径。
希望这有帮助!
答案 3 :(得分:0)
在a href
中添加空格,将图片放在img
标记中,除非您要包含值,否则请不要包含height
和width
。此外,position:absolute
必须使用style
标记。最后,关闭a
代码。
<a href="file:///C:/Users/ashsa_000/Desktop/Html/6weeksproject/Index/Languages.html">
<img src="./CSImages/About.PNG" style="position:absolute">
</a>