如題，這兩者其實就是找到你需要的目標文件的2種不同路徑。
相對URL，顧名思義，就是相對於你正在編輯的文件，你的目標文件在哪個位置？
這個分4種情況：
- 目標文件與你正在編輯的文件處於同一個文件夾，那么就直接寫目標文件的文件名；
“s1.htm”=“E:\book\網頁布局\代碼\第2章”，
“bg.jpg”=“E:\book\網頁 布局\代碼\第2章”
<body background="bg.jpg">
其中，s1.htm是正在編輯的文件，bg.jpg是目標文件。
- 目標文件位於你正在編輯的文件所在文件夾的子文件夾，甚至子文件夾的子文件夾，那么就寫正在編輯的文件所在文件夾的子文件夾名/目標文件名；
“s1.htm”=“E:\book\網頁布局\代碼\第2章”，
“bg.jpg”=“E:\book\網頁 布局\代碼\第2章\img”
<body background="img/bg.jpg"> - 目標文件位於你正在編輯的文件所在文件夾的上一個文件夾，那么就寫../目標文件名；
“s1.htm”=“E:\book\網頁布局\代碼\第2章”，
“bg.jpg”=“E:\book\網頁 布局\代碼”
<body background="../bg.jpg"> - 目標文件位於你正在編輯的文件所在文件夾的上一個文件夾的另外一個子文件夾，那么就寫../目標文件所在文件夾名/目標文件名
“s1.htm”=“E:\book\網頁布局\代碼\第2章”，
“bg.jpg”=“E:\book\網頁 布局\代碼\img”
<body background="../img/bg.jpg">
弄清楚了相對URL，再來看絕對URL就很好理解了。前者是從當前文件所在位置去找目標文件，后者是指的目標文件在硬盤里的確切位置。