html圖片路徑怎麼寫

奋力向前
發布: 2023-01-07 11:47:39
原創
24091 人瀏覽過

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

html圖片路徑怎麼寫

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

Html中圖片路徑的使用方式

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

<img src="file:///f:/*jpg" width="300" height="120"/>
登入後複製

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

<img src=".jpg" width="300" height="120"/>;
登入後複製

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

<img src="image/*jpg/"width="300" height="120"/>
登入後複製

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

 <img src="../image/*jpg/"width="300" height="120"/>
登入後複製

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

<img src="http://image.baidu.com/pcindexhot"/width="300" height="120"/>
登入後複製

擴展知識

#絕對路徑:

##圖片來源本地: < img src="file:///E:/​​Scripts/HTMLScripts/pics/陳好.jpg"/>

圖片來源網路:

#推薦學習:

Html影片教學#

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板