절대 경로와 상대 경로로 파일 위치를 정확히 지정합니다.
같은 폴더는 file.html, 하위 폴더는 images/photo.jpg, 한 단계 위는 ../file.html처럼 나타냅니다. /로 시작하는 루트 상대 경로는 사이트 루트를 기준으로 합니다.
예제에서는 <img src="./images/photo.jpg"> 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.
먼저 현재 결과를 확인한 뒤 CSS 파일이 assets/css/style.css에 있을 때 link 경로를 작성해보세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.
컴퓨터의 /Users/... 같은 로컬 절대 경로는 배포 서버와 다른 사용자에게 존재하지 않습니다.
직접 바꿔보세요CSS 파일이 assets/css/style.css에 있을 때 link 경로를 작성해보세요.