第一种情况：它们在同一个目录里。

  - 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 上开发你的网页，你仍应该在你的代码中使用斜杠。