html-插入圖片路徑<img>

html-插入圖片路徑<img>

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

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

方法一:絕對路徑

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

方法二:相對路徑

  1. 在專案中,先建立「img」資料夾,並在其中放入圖片檔案
  2. src屬性中,輸入圖片檔案的相對位置,並儲存
  3. 重新整理瀏覽器,網頁成功顯示出圖片
© 2020 Leah's Blog All Rights Reserved. 本站访客数人次 本站总访问量
Theme by hiero