如题，这两者其实就是找到你需要的目标文件的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就很好理解了。前者是从当前文件所在位置去找目标文件，后者是指的目标文件在硬盘里的确切位置。