課時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:\Users\Wushuang\Desktop\HTML基礎\QRCode.jpg"

含義：

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

註意：

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