html-插入圖片路徑<img>

在html中的圖片標籤為img，而其一的屬性src則要放入圖片檔案的位置，位置分為兩種

  • 絕對路徑：放上圖片的url位置
  • 相對路徑：相較於目前檔案的位置，找到圖片檔案的儲存位置
<img src="" alt="">

方法一：絕對路徑

  1. 取得圖片的url位置：在圖片上方，點右鍵選取「複製圖片位址」
  2. 將url貼在src屬性中，並儲存
  3. 重新整理瀏覽器，網頁成功顯示出圖片

方法二：相對路徑

  1. 在專案中，先建立「img」資料夾，並在其中放入圖片檔案
  2. 在src屬性中，輸入圖片檔案的相對位置，並儲存
  3. 重新整理瀏覽器，網頁成功顯示出圖片
Select a repo