** HTML的绝对路径和相对路径**
相信很多初学者,在学到这一步的时候会为HTML的绝对路径和相对路径感到困惑。
那么我们就来分别看一下这两个的区别:
背景:你创建了一个html文件放在了D盘的2019文件夹里面, 那么它的路径(也就是位置)就是"D:\2019" , 另外有张图片名字为panda.jpg,你希望把这张图片引入到你的html文件中。
绝对路径:
如果你的图片没有放在D盘的2019文件夹里面,而是在D盘的2018文件夹里面或者C盘的2017文件夹里面。
那么说明图片和html文件并不在同一个文件夹下面,这个就是绝对路径。
引用图片的时候,需要把这个图片的路径全部写出来{ 选中图片,右键点击选择属性,复制位置一栏即可,此案例图片位置为:" D:\2018 “,注意引用时需要把第一个” \ “换成” / “(在网站中我们使用”/ "表示根目录,另外我们使用“…/”来表示上一级目录,“…/…/”表示上上级的目录)}
相对路径:
你的图片刚好也放在了D盘的2019的文件夹里面,也就是说明你的图片和html文件都隶属于2019的文件夹,并且它们的直接上级就是2019文件夹。
那么这个就是相对路径,引用图片的时候只需要写图片的名字即可。
喜欢的就留个赞或者给个好评再走呗 ?