大體可分爲三種情況：
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/