課時23.路徑問題（理解）

我們在之前已經瞭解過，如果想新增一個圖片，需要寫出以下程式碼：

<img src=”logo.png”>

• 其實想給src屬性賦值有兩種方式：

1. 通過相對路徑賦值（掌握）

相對路徑就是每次都從.html檔案所在的資料夾開始查詢，我們稱之為相對路徑

1.1 同級

同級就是圖片和.html檔案儲存在同一個資料夾中

格式：

src=”QRCode.jpg”

含義：

在.html檔案所在資料夾中查詢名稱叫做QRCode.jpg的圖片

1.2下級

下級就是儲存圖片的資料夾和.html檔案在同一個資料夾中

格式：

src=”images/QRCode.jpg”

含義：

在.html檔案所在的資料夾中找到名稱叫做images的資料夾，然後再在images資料夾中找到名稱叫做QRCode.jpg的圖片

1.3上級

上級就是儲存圖片的位置和儲存程式碼的資料夾在同一個資料夾中

格式：

src=”../QRCode.jpg”

含義：

在.html檔案所在的資料夾中找到這個資料夾的上一級資料夾，然後再在上一級資料夾中找到名稱叫做QRCode.jpg，其中../代表從當前的位置找到上一級資料夾

• 在企業開發中用到最多的就是下級，新建一個web專案，然後建立images資料夾，和css資料夾，將圖片和樣式表分別放在各自的資料夾下

2.通過絕對路徑（瞭解）

絕對路徑就是每次都從指定的碟符開始查詢

格式：

src=”C:UsersWushuangDesktopHTML基礎QRCode.jpg”

含義：

在C盤下找到Users資料夾，然後在Users資料夾中找到Wushuang資料夾，然後在Wushaung資料夾中找到HTML基礎資料夾，然後在HTML基礎資料夾中找到名稱為QRCode.jpg的圖片

注意：

1. 路徑中不要出現中文，否走出現未知問題
2. 如果是通過相對路徑來指定，那麼不能跨越碟符（比如檔案都在C盤下，它用相對路徑絕對路徑找不到在D盤下的檔案）