三,HTML中的路徑問題

一,給src屬性賦值的兩種方式

1,相對路徑

每次都是從".html"文件所在文件夾中開始查找

1)同級

圖片與".html"文件在同一個文件夾中

格式:src="××.jpg/png/gif"

含義:在.html文件所在的文件夾中查找名稱叫做××.jpg/png的圖片

2)下級

下級就是"存儲圖片的文件夾"和".html文件"在同一個文件夾中

格式: src="文件夾1/××.jpg/png"

含義:在文件夾1中找到名為××.jpg/png的圖片

3)上級

上級就是"存儲圖片的位置"和存"儲代碼的文件夾"在同一個文件夾中

格式: src="../××.jpg/png"

含義:在.html文件所在的文件夾中找到這個文件夾的上一級文件夾,然后再在上一級文件夾中找到名

稱叫做××.jpg/png的圖片

其中../代表找到當前文件夾的上一級文件夾

2,絕對路徑(了解)

絕對路徑就是每次都從指定的盤符開始查找

格式: src="C:\Users\lv-pc\Desktop\HTML\××.jpg/png"

因為絕對路徑可移植性不好,所以一般在企業(yè)開發(fā)中,很少用到,我們只要做個簡單得了解就可以

了。

3,注意點

1)路徑中不要出現(xiàn)中文,否則可能出現(xiàn)未知問題

2)如果是通過"相對路徑"來指定圖片,不能跨盤符

3)例如.html文件在C盤,那么不能去查找D盤圖片

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • video標簽 作用: 播放視頻 格式1: video標簽的屬性 src: 告訴video標簽需要播放的視頻地址 ...
    cheney0217閱讀 436評論 0 0
  • HTML需要掌握標簽 標簽(空格分隔): H5+CSS [TOC] 常用標簽 img 注意點 和H系列標簽/p標簽...
    袁俊亮技術博客閱讀 2,128評論 1 8
  • 路徑問題。 其實想給src 屬性賦值 有兩種方式 相對路徑相對路徑就是每次從.html文件所在的文件夾中查找,我們...
    Isaacyyy閱讀 1,179評論 0 2
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,533評論 19 139
  • Ubuntu的發(fā)音 Ubuntu,源于非洲祖魯人和科薩人的語言,發(fā)作 oo-boon-too 的音。了解發(fā)音是有意...
    螢火蟲de夢閱讀 100,603評論 9 468

友情鏈接更多精彩內(nèi)容