HTML中路径的问题

刚开始接触HTML,到路径这一块卡住了。关于路径的知识点,网上都能查到,如何取设置相对路径,绝对路径啥的。

但问题是,我这这边设置了相对路径或是绝对路径,都不好使,如下图,我想从1.html转跳到3.html,先使用绝对路径:

我用的是vscode,当我把路径输入进去时,是可以点击的,我就点它,但点完之后,vscode说不存在这个文件:

那我心想,vscode找不到就找不到吧,我直接用浏览器试试,但用浏览器时的时候,点击了超文本链接,也说找不到:

然后相对路径我也试了,包括我的在试<img>元素的时候,在src属性里输入路径,vscode也说找不到,而且用浏览器运行时,图片也显示不出来,我已的应该都是路径的问题。

想问问各位达拉,究竟时啥问题呀?

如果你两个文件在同一个文件夹中 直接写成 './3.html'就行, 如果不在同一个就 用`../`的形式向上查找 最后再找到3.html这个路径.

如果你的1.html文件和3.html文件在一个文件夹 同级目录的话   1.html里的a连接可以这么写 <a href="3.html">点击这里</a>

首先你应该确定当前页面在文件夹中位置和将要跳转页面所在文件夹中的位置

如果两者在同一个文件夹下,直接使用./+文件名

如果两者不在同一个文件夹下,那么首先要通过../找到将要跳转的文件所在的文件夹,../表示当前页面所在文件夹的父级,如图片里面所示,father下有两个子文件夹,每一个子文件夹中有一个html文件,现在html1中添加a链接要跳转到html2中,那么链接应该为../child2/html2.html,这里的../就表示是father文件夹,如果要找的文件在father的父级文件夹中,前面在加../,再从该文件夹下通过/一层一层找到目标文件。