文章目錄

• 前言
• 一、相對(duì)路徑
• 二、絕對(duì)路徑

前言

目錄文件夾和根目錄:

實(shí)際工作中,我們的文件不能隨便亂放,否則用起來很難快速的找到他們,因此我們需要一個(gè)文件夾來管理他們。

目錄文件夾：就是普通文件夾,里面只不過存放了我們做頁面所需要的相關(guān)素材,比如html文件、圖片等。

根目錄:打開目錄文件夾的第一層就是根目錄。

頁面中的圖片會(huì)非常多,通常我們會(huì)新建一個(gè)文件夾來存放這些圖像文件 ( images) , 這時(shí)再查找圖像,就需要采用“路徑”的方式來指定圖像文件的位置。

路徑可以分為:
1.相對(duì)路徑
2.絕對(duì)路徑

一、相對(duì)路徑

相對(duì)路徑:以引用文件所在位置為參考基礎(chǔ),而建立出的目錄路徑。

這里簡單來說,圖片相對(duì)于HTML頁面的位置。

相對(duì)路徑分類符號(hào)說明

同一級(jí)路徑		圖像文件位于HTML文件同一級(jí),如<img src="baidu.gif" />
下一級(jí)路徑	/	圖像文件位于HTML文件下一級(jí),如<img src="images/baidu.gif />。
上一級(jí)路徑	…/	圖像文件位于HTML文件上一級(jí),如<img srec"../baidu.gif" />。

相對(duì)路徑是從代碼所在的這個(gè)文件出發(fā),去尋找目標(biāo)文件的，而我們這里所說的上一級(jí)、下一級(jí)和同一級(jí)就是圖片相對(duì)于HTML頁面的位置。

二、絕對(duì)路徑

絕對(duì)路徑:是指目錄下的絕對(duì)位置,直接到達(dá)目標(biāo)位置,通常是從盤符開始的路徑。

例如，“D:\web\img\logo.gif” 或完整的網(wǎng)絡(luò)地址"http://www.itcast.cn/images/ogo.gif" 。

總結(jié)

以上是生活随笔為你收集整理的HTML常用标签——路径的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。