| 路徑 | 描述 |
|---|---|
| <img src="picture.jpg"> | picture.jpg 位于與當前網頁相同的文件夾 |
| <img src="images/picture.jpg"> | picture.jpg 位于當前文件夾的 images 文件夾中 |
| <img src="/images/picture.jpg"> | picture.jpg 當前站點根目錄的 images 文件夾中 |
| <img src="../picture.jpg"> | picture.jpg 位于當前文件夾的上(shàng)一(yī)級文件夾中 |
HTML 文件路徑
文件路徑描述了(le)網站文件夾結構中某個文件的位置。
文件路徑會在鏈接外(wài)部文件時(shí)被用到：
網頁
圖像
樣式表
JavaScript
絕對文件路徑
絕對文件路徑是指向一(yī)個因特網文件的完整 URL：
實例
<img src="https://www.w3school.com.cn/images/picture.jpg" alt="flower">
<img> 标簽以及 src 和(hé) alt 屬性在 HTML 圖像這(zhè)一(yī)章(zhāng)做(zuò)了(le)講解。
相對路徑
相對路徑指向了(le)相對于當前頁面的文件。
在本例中，文件路徑指向了(le)位于當前網站根目錄中 images 文件夾裏的一(yī)個文件：
實例
<img src="/images/picture.jpg" alt="flower">
在本例中，文件路徑指向了(le)位于當前文件夾中 images 文件夾裏的一(yī)個文件：
實例
<img src="images/picture.jpg" alt="flower">
在本例中，文件路徑指向了(le)位于當前文件夾的上(shàng)一(yī)級文件夾中 images 文件夾裏的一(yī)個文件：
實例
<img src="../images/picture.jpg" alt="flower">
網站建設開(kāi)發|APP設計開(kāi)發|小程序建設開(kāi)發