首頁 > web前端 > html教學 > html怎麼呼叫下級目錄的圖片

html怎麼呼叫下級目錄的圖片

醉折花枝作酒筹
發布: 2023-01-06 11:16:47
原創
5180 人瀏覽過

在html中,可以使用img標籤呼叫下級目錄的圖片,具體語法為「」。引用下級目錄的文件,直接寫下級目錄文件的路徑即可。

html怎麼呼叫下級目錄的圖片

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

引用下級目錄的文件,直接寫下級目錄文件的路徑即可。

假設info.html路徑是:c:/Inetpub/wwwroot/sites/blabla/info.html

#假設圖片路徑是:c:/Inetpub/wwwroot/sites/ blabla/html/1.jpg

在info.html加入圖片的程式碼應該這樣寫:

<img src = "html/1.jpg"/>
登入後複製

擴充資料:

如何表示上級目錄

../表示原始檔案所在目錄的上一層目錄,../../表示原始檔案所在目錄的上上級目錄,以此類推。

假設info.html路徑是:c:/Inetpub/wwwroot/sites/blabla/info.html

假設index.html路徑是:c:/Inetpub/wwwroot/sites/index .html

在info.html加入index.html超連結的程式碼應該這樣寫:

<a href = "../index.html">index.html</a>
登入後複製

假設info.html路徑是:c:/Inetpub/wwwroot/sites/blabla/info .html

假設index.html路徑是:c:/Inetpub/wwwroot/index.html

在info.html加入index.html超連結的程式碼應該這樣寫:

<a href = "../../index.html">index.html</a>
登入後複製

 假設info.html路徑是:c:/Inetpub/wwwroot/sites/blabla/info.html

假設index.html路徑是:c:/Inetpub/wwwroot/sites/wowstory/index .html

在info.html加入index.html超連結的程式碼應該這樣寫:

<a href = "../wowstory/index.html">index.html</a>
登入後複製

推薦學習:html影片教學

#

以上是html怎麼呼叫下級目錄的圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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