HTML 文件路徑設(shè)置是網(wǎng)頁開發(fā)過程中必須熟悉的一個(gè)部分。當(dāng)一個(gè)網(wǎng)頁的圖片、樣式表或腳本等相關(guān)文件分別來源于不同的文件夾時(shí)，我們需要調(diào)用這些文件時(shí)設(shè)置文件路徑。
文件路徑分為絕對(duì)路徑和相對(duì)路徑兩種形式。絕對(duì)路徑是以根目錄（即本地磁盤或服務(wù)器）為基準(zhǔn)引用文件，而相對(duì)路徑是以當(dāng)前文件所在位置為基準(zhǔn)引用文件。
例如，我們?cè)诰W(wǎng)頁上添加一張圖片時(shí)，如果這張圖片是在網(wǎng)站根目錄下的images文件夾下的，那么用相對(duì)路徑代碼引用圖片的地址為：
<img src="images/picture.jpg" alt="一張精美的圖片">相對(duì)路徑是在代碼中通過“../”或者“./”來表示相對(duì)位置。其中“../”表示回到上一級(jí)目錄，而“./”則表示當(dāng)前路徑。我們還可以在代碼中使用絕對(duì)路徑，比如：
<img src="C:\Users\UserName\Desktop\WebSite\images\picture.jpg" alt="一張精美的圖片">這種方式的路徑稱為絕對(duì)路徑，是全路徑的表示形式。其中“C:\Users\UserName\Desktop\WebSite\”代表的是網(wǎng)站的根目錄。 除了圖片，我們?cè)陂_發(fā)網(wǎng)站時(shí)還需要引用 CSS 樣式表文件以實(shí)現(xiàn)頁面外觀的美化。如果我們將樣式表文件存放在根目錄下的 css 文件夾下，那么我們的代碼會(huì)是這樣的：
<head> <link rel="stylesheet" type="text/css" href="css/mystyle.css"> </head>同樣的道理，我們使用的是相對(duì)路徑。這里路徑上的 “../” 表示回到上一級(jí)文件夾。 綜上所述，文件路徑的設(shè)置對(duì)于網(wǎng)站的制作是非常重要的。開發(fā)者必須熟悉各種路徑表示方式，才能動(dòng)態(tài)地引入所需要的資源，以達(dá)到精美的網(wǎng)絡(luò)視覺效果。