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

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

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

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

我們先來看看這個實例：

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

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

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

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

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

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

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

絕對路徑，外網絕對路徑：

<img src="/static/imghw/default1.png"  data-src="http://phpyun.ke.163.com/http://www.PHP.cn/i/eg_tulip.jpg"  class="lazy"   alt="小编" />

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

【小編推薦】

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

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

#

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