第一种情况:它们在同一个目录里。
- index.html
- 功夫熊猫.png
<img src="功夫熊猫.png" />
第二种情况:图片文件在子目录里。
- index.html
+ images
- 功夫熊猫.png
<img src="images/功夫熊猫.png" />
第三种情况:index在图片文件目录的子目录里
+ html
-index.html
- 功夫熊猫.png
<img src="../功夫熊猫.png" />
第四情况:index在子目录里,图片文件也在子目录里,它们的文件夹在同一个目录里。
+ html
-index.html
+ images
-功夫熊猫.png
<img src="../images/功夫熊猫.png" />
提示:Windows 文件系统会使用反斜杠而不是斜杠,比如
C:\windows
。这在 HTML 里没什么关系,就算你在 Windows 上开发你的网页,你仍应该在你的代码中使用斜杠。