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