1.绝对路径
绝对路径就是网页上的文件或目录在硬盘上的真正路径,如"D:\HTML5+CSS3\images\logo.gif",网页上不推荐使用绝对路径,因为网页制作完成之后我们需要将所有的文件上传到服务器,这时图像文件可能在服务器的C盘,也有可能在D盘.E盘,可能在aa文件中,也有可能在bb文件夹中。也就是说,很有可能不存在"D:HTML5+CSS3\images\logo.gif"这样一个路径。
2.相对路径
相对路径就是相对于当前文件的路径,相对路径不带有盘符,通常是以HTML网页文件为起点,通过层级关系描述目标图像的位置。
(1)图像文件和html文件位于同一文件夹:只需输入图像文件的名称即可,如<img src="logo.gif" />。
(2)图像文件位于html文件的下一级文件夹:输入文件夹名和文件名,之间用"/"隔开,如<img src="images/logo.gif" />。
(3)图像文件位于html文件的上一级文件夹:在文件名之前加入"../",如果是上两级,则需要使用"../../",以此类推,如<img src="../logo.gif">。