【HTML】HTML基础3（路径）

目录

路径的重要性

同级查找

图片在下一级

图片在上一级

---

路径的重要性

在实际编码中，对图片的查找有很多方式，即找到图片的过程有很多路径，学习路径能帮助我们更好的查找

同级查找

例如：

这里的index.html和“你好.jpg”图片并不存在于某一文件夹中，而是单独存在，所以他们属于同级 ，这个时候就直接用以下方法进行图片的插入即可

<img src="你好.jpg" height="50" />

 

注释：这里的height指的是设计图片的高，不用担心宽度，这里会等比例缩小

即

 

<img src="图片名" height="50" />

图片在下一级

例如：

 

图片在img文件夹中，而index单独存在，所以相当于index大一级，所以这里我们用到 " / " 来进行查找操作，如

<img src="img/银河护卫队-格鲁特.png" >

 即

<img src="文件夹/图片名" >

图片在上一级

 这里的test.html存在于文件夹中，所以它要找到图片的话，需要先从原文件夹“挣脱”出来，所以可以看作图片在html的上一级，这里会用到   "  ../  " 符号

<img src="../img/5人。2.jpg" />
		<img src="../img/5ren.jpg" />
		<img src="../img/5人酷背景.jpg" />
		<img src="../img/银河护卫队-格鲁特.jpg" />

即

<img src="../文件名/图片名.jpg" />
		

今天的分享到这里就结束了~希望对您有所帮助！！