html圖片路徑怎麼寫

路徑的寫法：1、不同目錄下時，可寫成「file:///磁碟機:/圖片名稱」；2、同一目錄下時，可直接寫「圖片名稱」；3、圖片在同一目錄下的a目錄中，則寫成「a/圖片名」；4、如果是網路圖片，則用圖片的網址，文法「http://目錄/圖片名」等等。

本教學操作環境：windows7系統、HTML5版、Dell G3電腦。

Html中圖片路徑的使用方式

1、*html檔跟*.jpg檔(f盤)在不同目錄下：

<img  src="/static/imghwm/default1.png"  data-src="file:///f:/*jpg"  class="lazy"      style="max-width:90%"  style="max-width:90%"/ alt="html圖片路徑怎麼寫" >

2、*.html檔案跟*.jpg圖片在相同目錄下：

<img  src="/static/imghwm/default1.png"  data-src=".jpg"  class="lazy"      style="max-width:90%"  style="max-width:90%"/ alt="html圖片路徑怎麼寫" >;

3、圖片*.jpg在image資料夾中，*html跟image在同一目錄下

<img  src="/static/imghwm/default1.png"  data-src="image/*jpg/"  class="lazy"     style="max-width:90%"  style="max-width:90%"/ alt="html圖片路徑怎麼寫" >

4、圖片*jpg在image資料夾中，*html在connage資料夾中，image跟connage在同一目錄下：

 <img  src="/static/imghwm/default1.png"  data-src="../image/*jpg/"  class="lazy"     style="max-width:90%"  style="max-width:90%"/ alt="html圖片路徑怎麼寫" >

5、如果圖片來源於網絡，那麼寫絕對路徑：

<img  src="/static/imghwm/default1.png"  data-src="http://image.baidu.com/pcindexhot"  class="lazy"  /   style="max-width:90%"  style="max-width:90%"/ alt="html圖片路徑怎麼寫" >

擴展知識

#絕對路徑：

##圖片來源本地： 

圖片來源網路：

#推薦學習：

Html影片教學#

以上是html圖片路徑怎麼寫的詳細內容。更多資訊請關注PHP中文網其他相關文章！