HTML - 문제 미리보기
문제 966
hard
다음 폴더 구조에서 "page.html"에 있는 이미지 태그가 "logo.png"를 올바르게 참조하는 코드는?
website/
├── index.html
├── images/
│ └── logo.png
└── pages/
└── page.html
현재 "pages/page.html" 파일에서 "images/logo.png"를 참조하려면:
정답: C
현재 위치는 `pages/page.html`이고, 목표 파일은 `images/logo.png`입니다.
폴더 구조를 분석하면:
• `page.html`은 `pages` 폴더 안에 있음
• `logo.png`는 `images` 폴더 안에 있음
• `pages`와 `images` 폴더는 같은 레벨(둘 다 website 폴더의 직계 자식)
따라서 `pages` 폴더에서 한 단계 위(`website`)로 올라간 다음, `images` 폴더로 들어가야 합니다.
경로: `../images/logo.png`
• `../`: pages에서 website로 한 단계 위로
• `images/`: website에서 images 폴더로
• `logo.png`: 목표 파일
옵션 2번(`/images/logo.png`)도 작동하지만, 이는 절대 경로 방식으로 웹사이트 루트부터 시작하는 방법입니다.
💡 학습 팁
이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.