HTML常用标签——路径

前言

目录文件夹和根目录:

实际工作中,我们的文件不能随便乱放,否则用起来很难快速的找到他们,因此我们需要一个文件夹来管理他们。

目录文件夹：就是普通文件夹,里面只不过存放了我们做页面所需要的相关素材,比如html文件、图片等。

根目录:打开目录文件夹的第一层就是根目录。

页面中的图片会非常多,通常我们会新建一个文件夹来存放这些图像文件 ( images) , 这时再查找图像,就需要采用“路径”的方式来指定图像文件的位置。

路径可以分为:
1.相对路径
2.绝对路径

一、相对路径

相对路径:以引用文件所在位置为参考基础,而建立出的目录路径。

这里简单来说,图片相对于HTML页面的位置。

相对路径分类	符号	说明
同一级路径		图像文件位于HTML文件同一级,如<img src="baidu.gif" />
下一级路径	/	图像文件位于HTML文件下一级,如<img src="images/baidu.gif />。
上一级路径	…/	图像文件位于HTML文件上一级,如<img srec"../baidu.gif" />。

相对路径是从代码所在的这个文件出发,去寻找目标文件的，而我们这里所说的上一级、下一级和同一级就是图片相对于HTML页面的位置。

二、绝对路径

绝对路径:是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。

例如，“D:\web\img\logo.gif” 或完整的网络地址"http://www.itcast.cn/images/ogo.gif" 。