절대 경로와 상대 경로로 파일 위치를 정확히 지정합니다.
같은 폴더는 file.html, 하위 폴더는 images/photo.jpg, 한 단계 위는 ../file.html처럼 나타냅니다. /로 시작하는 루트 상대 경로는 사이트 루트를 기준으로 합니다.
세 경로는 모두 logo.png를 가리키지만 출발점이 다릅니다. 지금 문서가 /lessons/html/page.html이라면 images/logo.png는 /lessons/html/images/logo.png, ../assets/logo.png는 /lessons/assets/logo.png가 되고, 슬래시로 시작하는 /images/logo.png만 문서 위치와 상관없이 같은 파일을 가리킵니다.
CSS 파일 안의 url()은 그 CSS를 불러온 HTML이 아니라 CSS 파일 자신의 위치를 기준으로 풀립니다. head에 base href를 두면 문서 안 모든 상대 경로의 기준이 바뀌고, //cdn.example.com처럼 슬래시 두 개로 시작하는 주소는 현재 페이지의 프로토콜만 이어받습니다.
컴퓨터의 /Users/... 같은 로컬 절대 경로는 배포 서버와 다른 사용자에게 존재하지 않습니다.
직접 바꿔보세요CSS 파일이 assets/css/style.css에 있을 때 link 경로를 작성해보세요.