大体可分为三种情况:
1. 在相同的目录中时:
源文件地址: c:/website/web/index.html
被引用文件地址:c:/website/web/photo.jpg
写法:<a href = "photo.jpg">对应图片</a>
即:photo.jpg
直接输入文件名,表示被引用文件与源文件位于同一目录下
2. 被引用文件比源文件所在目录等级低时,找到被引用文件所在的子目录:
源文件地址: c:/website/index.html
被引用文件地址:c:/website/img/photo.jpg
写法:<a href = "img/photo.jpg">对应图片</a>
即:img/photo.jpg
3. 被引用文件比源文件所在目录高时:
3.1 被引用文件比源文件所在目录高一级时:
源文件地址: c:/website/web/ceshi/index.html
被引用文件地址:c:/website/web/photo.jpg
写法:<a href = "../photo.jpg">对应图片</a>
即:../photo.jpg
用 ../
表示源文件的上一级目录,即c:/website/web/
3.2 被引用文件比源文件所在目录高两级时:
源文件地址:c:/website/web/xz/index.html
被引用文件地址:c:/website/img/images/photo.jpg
写法:<a href = "../../img/images/photo.jpg">对应图片</a>
即:../../img/images/photo.jpg
用 ../../
表示源文件的上上一级目录,即c:/website/