html基础学习第六节-路径的认识【重点】

路径，也就是说绝对地址和相对地址，为什么重要？一个网站，不是单独一个网页文件完成的，他是多个网页文件完成的，所以，我们需要对路劲有相应的认识

绝对路径

绝对路径，说的就是地址形式的路径地址，比如https://www.sdtclass.com/image/1.jpg，这就是一个绝对的路径，就算文件从http://www.sdtclass.com/admin/移动到http://www.sdtclass.com/content/，这个文件指定的图片，依然可以显示，这就是绝对路径所说的绝对，但是，网站在开始编写的时候，并不会知道www.sdtclass.com这个域名，也就是绝对路径实际上是网站形成后上传内容后获得的，不过，php貌似有个代码可以表示www.sdtclass.com这个域名，由于我没深入研究，而且写教程的时候是学习没多久，好废话不多说，我们了解了绝对路径的概念，必定需要了解相对路径，因为写网站的时候，所有文件串联起来，还是用相对路径来写比较容易，玩下看！

相对路径

大家都知道，一个完整的地址路径是绝对路径，但是，写网站的时候，却都是用相对路径，那么相对路径如何表示呢？比如，一个index.htm文件，里面有一段代码，这段代码所引用的图片和index.htm放在一起，也就是同一个目录，那么，这个地址可以写<img src="1.jpg" alt="html基础学习第六节-路径的认识【重点】" />，这里不需要多解释，在同一个目录，那么这样写就可以了

但是，如果图片文件放在一个jpg的文件夹下面，而index.htm和jpg文件夹是同一个目录的情况下呢？这个时候，直接上面方式表达是找不到图片文件的，这个时候，需要用这样的格式<img src="jpg/2.jpg" alt="html基础学习第六节-路径的认识【重点】" />。这个，代表着这个文件，存在于同一目录下的jpg文件夹下面的1.jpg的文件，这个概念大家必须清楚，否则以后的学习，会大大的影响，因为写一个大型网站，都是需要引用很多文件夹，很多图片！

上面说了，图片如果在同文件下的文件夹里面的表达，如果，不是同一个文件夹呢？这个时候，我们就需要用文件夹返回的模式锁定目标文件了，比如，index.htm在网站根目录下的admin文件夹下，而图片在网站根目录下的jpg文件夹下，这样，index.htm是存在二级目录，而图片也是，但是。两个目录却不是同一个文件夹下的，这个时候，需要引用这条写法<img src="../jpg/3.jpg" alt="html基础学习第六节-路径的认识【重点】" /> 这条的定义是怎样实现的呢？..代表返回，也就是上一级目录，admin的上一级目录就是网站根目录，而网站根目录下有个jpg的目录，指定上一级目录下的jpg的目录下的1.jpg的文件，现在大家明白了吧？

再举个例子，假如图片是在网站根目录的，那么就是<img src="../4.jpg" alt="html基础学习第六节-路径的认识【重点】" />，也就是，..代表返回上一级目录，这样，一个明确的目录路径就出来了，以上这些就是相对路径，如果大家还是不明白的看看下面的关系图

通过上面的图例，大家明白了这个路径的定义了吧？绝对路径没什么，主要是相对路径大家需要明确如何定义，如果看了还是不懂，那你就桌面建立一个文件夹，里面建立三四个文件夹，分别放不同名字的图片，然后在其中一个文件夹下放一个html文件，在里面用<img src="" />来定义图片，看看能不能准确的定义图片路径

[download id="10"]