上海哪的网页设计培训班比较好

用DW写HTML的时候，可以直接选择到具体文件的路径，现在改用了webstorm，只能选择到与HTML文件同一目录下的文件。今天小编主要给大家分享网页制作的路径与相对路径，希望对你们有帮助!

1.路径

首先，在本地计算机上，文件的路径当然是指：文件在硬盘上实际存在的路径。

例如，这条路径:D:/wamp/www/img/icon.jpg告诉我们icon.jpg文件在D盘目录下的img子目录中。我们不需要知道任何其他信息，就可以根据路径确定文件的位置。

还有超链接文件位置，这也是一个路径。

注意:有时在自己的计算机上浏览编译后的页面是正常的，但是当上传到Web服务器进行浏览时，图片很可能会显示不出来。因为静态HTML网页需要上传到网站，在网站应用程序中，我们通常使用“/”来表示根目录，/img/icon.jpg表示photo.jpg文件在网站根目录的img目录里。但是，大家要知道，这里引用的根目录不是网站的根目录，而是网站所在的Web服务器的根目录。因为上传到Web服务器时，整个网站可能不在Web服务器的D盘上，它可能是F盘或H盘。即使放在Web服务器的D盘上，也可能不存在于“D:/wamp/www/img”目录，所以浏览网页时不会显示图片，这也是应用路径的风险。

2.相对路径

顾名思义，相对路径是相对于目标的相对位置。

假设你要导入的文件的页面名称是test.htm，并且它存在于名为www(路径D:/wamp/www/test.htm)的文件夹中，那么同时也存在于www文件夹中的“ICON.jpg”文件(路径D:/WAMP/www/ICON.jpg)，并且同一目录下的相对路径icon.jpg也被引用。如果文件“icon.jpg”存在于img文件夹中(路径D:/wamp/www/img/icon.jpg)，则为相对路径img/icon.jpg。

相对路径可以避免不同根目录的上述问题，只要网页文件和引用文件的相对位置与web服务器上文件的相对位置保持一致，那么它们的相对路径也将保持一致。例如，在上面的例子中，“test.htm”文件指的是“icon.jpg”图片，由于“icon.jpg”图片与“test.htm”在同一个目录中，只要这两个文件仍然在同一个目录中，图片就可以在浏览器中正确显示，无论它被上传到Web服务器的什么地方。

注意:相对路径使用“/”字符作为目录的分隔符，而路径可以使用“\”或“/”字符作为目录的分隔符。由于“img”目录是“www”目录下的子目录，因此无需在“img”前添加“/”字符。

“../”通常用在相对路径中，以指示下一个更别的目录。如果上面有多个目录，你可以使用多个“../”，假设“test.htm”文件所在的目录是“D:/wamp/www/test.htm”，而“icon.jpg”图片所在的目录是“D:/wamp/www”，那么“icon.jpg”图片位于“test.htm”文件所在的目录的上级目录，那么引用该图片的句子应该是:。