首頁 > web前端 > html教學 > HTML img標籤的絕對路徑怎麼寫? HTML img標籤絕對路徑的使用方法

HTML img標籤的絕對路徑怎麼寫? HTML img標籤絕對路徑的使用方法

寻∝梦
發布: 2018-08-27 18:29:05
原創
25476 人瀏覽過

這篇文章主要講述了HTML中的img標籤的絕對路徑的寫法和使用的方法詳解,有興趣的朋友可以一起來看看,有問題可以在下方提問區進行提問。

首先我們先了解什麼是絕對路徑:

就是你的主頁上的檔案或目錄在硬碟上真正的路徑

我們先來看看這個實例:

<!-- 当图片位置和源代码的父文件夹位置在同一父文件夹时候 应先返回父级文件夹../ 因此src地址填"..\images/baby.jpg" -->
<img src="../images/baby.jpg" alt="1111" >
<!-- 当图片位置和源代码的位置在同一个文件夹时,可以直接访问。(alt属性的值是表示图片加载不出来时显示1111,不填不要紧) -->
<img src="baby.jpg" alt="111">
<!-- 下面用绝对路径,我把图片放在桌面上 -->
<img src="C:\Users\Air\Desktop\baby.jpg" alt="">
登入後複製

HTML img標籤的絕對路徑怎麼寫? HTML img標籤絕對路徑的使用方法

用絕對路徑,把照片放到網頁上顯示。

資料上說:考慮伺服器的安全性, HTML裡用的是相對路徑,也就是用網頁伺服器的root資料夾為起始,而不允許進入與root平行的或高於網頁伺服器root的其它分支路徑。其實,靜態頁面是能寫出絕對路徑的。

資料庫中存放的是圖片的位址,存放的方法是:this.getServletContext().getRealPath("/WEB-INF/cImage") 加上 圖片的名字作為地址。

例如: src="http://網點網站字串/根路徑的圖片檔名「

這個圖片在root.接著用斜杠,一段一段寫路徑就可以了。

另一個方法是用 標籤,在href裡面定下本網頁內容的預設路徑。 img裡直接寫圖片檔名就可以了。

絕對路徑,外網絕對路徑:

<img src="http://phpyun.ke.163.com/http://www.PHP.cn/i/eg_tulip.jpg" alt="小编" />
登入後複製

這篇文章到這就結束了,如果有問題,歡迎在下方提問。

【小編推薦】

HTML中head標籤是什麼意思?一篇文章教你正確使用head標籤

駭客應該學PHP還是python?理性分析PHP和python的十處差異

#

以上是HTML img標籤的絕對路徑怎麼寫? HTML img標籤絕對路徑的使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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