将页面超链接到本地​​页面(在文件中)HTML

时间:2015-07-25 16:44:04

标签: html hyperlink

我试图通过我的文件设置从当前页面到另一页面的超链接,但它不起作用...... 我的代码:



<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;
&#13;
&#13;

点击超链接后会出现重复目录的错误:

文件:/// C:/用户/ ashsa_000 /桌面/ HTML / 6%20周%20project /文件/// C:/用户/ ashsa_000 /桌面/ HTML / 6%20周%20project /索引/语言。 HTML

我该如何解决这个问题?

4 个答案:

答案 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>

如评论中所述,您应在ahref之间加一个空格。此外,您应该关闭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>必须在ahref之间留出空格:<a href="">

当您使用href属性时,路径将基于您将<a>放入哪个文件,例如如果您将<a>放在index.html中,并且想要引用languages.html,请先确保languages.htmlindex.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标记中,除非您要包含值,否则请不要包含heightwidth 。此外,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>