的图片引用，包你一看就懂

前言

我今天整理了几个关于图片引用的知识点。说到图片引用，我们首先想到的应该是绝对路径和相对路径。具体是怎样的表现形式呢，我们一起来探讨下吧。

图片来自网络，侵权请联系删除！

知识点

当图片跟网页文件在同一个目录之下

• 目录

  
  图1

• 引用路径

<img src="keji.jpg" style="width: 400px;">

当图片在img文件夹下而网页文件位置不变

• 目录

  
  图片.png

• 引用路径

<img src="img/keji.png" style="width: 400px;">
<img src="./img/keji.png" style="width: 400px;">

当图片在img文件和网页文件分别在不同的路径时

• 目录

  
  图片.png

• 引用路径

<img src="../img/keji.png" style="width: 400px;"/>

总结

本来只是个简单的知识点，却偏偏踩了坑。这个只是按照我所理解的写出来，希望对你有所帮助！

(本文适合初学者，如果你是大佬级别的人物，我也欢迎指教！)