여기 홈페이지에서 미디어파일도 다운받고 코드도 똑같이 썼는데 이미지가 나오지 않습니다. 사진의 정확한 주소를 적어도 예제에 나와있는 주소를 적어도 이미지가 나오지 않습니다. 뭐가 문제일까요?
QnA
공부하면서 궁금했던 것을 질문해보세요.
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. | 관리자 | 2017.06.20 | 18280 |
303 | 실습문제 4장 8번 1 | 오 | 2020.09.27 | 501 |
302 | 책을 마치며 7 | 은성 | 2017.04.13 | 492 |
301 | 몽구스 관련 질문입니다. 1 | 류경선 | 2018.01.20 | 490 |
300 | 10장 오픈챌린지 질문입니다. 1 | 질문있어요 | 2019.11.10 | 485 |
299 | 실습문제 11장 4번 1 | ㅎㅇ | 2018.12.02 | 471 |
298 | 8장 실습문제 1번에 (2)번 | 알려주셔요 | 2019.10.17 | 469 |
297 | 11장 실습문제 4번 1 | 웹프 | 2020.06.17 | 456 |
296 | 크롬 오디오 자동재생 관련 질문입니다! 1 | ^_^ | 2018.09.30 | 449 |
295 | open 10장 1 | sigwq | 2018.11.27 | 448 |
294 | document.write 내부에서의 onclick 이벤트 선언에 대한 오류 1 | tlqk | 2019.11.24 | 445 |
293 | 8장 오픈첼린지 질문드립니다! 1 | hola | 2018.10.31 | 442 |
292 | 384page 8장 실습문제5번 질문입니다. 6 | 1234 | 2019.08.16 | 441 |
291 | 오픈챌린지 6장 질문 | littlelion | 2018.06.20 | 435 |
290 | 9-8 실습 문제 질문있습니다. 1 | 웹프박살 | 2018.05.20 | 430 |
289 | 4장 실습문제 7번, 9번 1 | ehdtn6288 | 2018.10.01 | 428 |
288 | 연습문제 3장 p.155 5번 문제 1 | 열심히해보자 | 2020.10.07 | 420 |
287 | 질문입니다 1 | 1213 | 2018.03.06 | 420 |
286 | 안녕하세요 질문드립니다! 2 | Hola | 2018.10.17 | 418 |
285 | 465page 오픈챌린지10장 질문입니다. 2 | asdf | 2019.08.23 | 413 |
284 | 실습문제 5장 8번 1 | rrr | 2018.04.18 | 412 |
어떤 상황인지 정확히 모르겠지만, 코드를 정확히 작성하였다면, 이미지 파일이 저장된 디렉터리와 관련되어 있지 않나 생각이 듭니다.
다음과 같이 되어 있는지 확인해보세요.
예제를 실행할 디렉터리가 sample라고 한다면, 이곳에 예제 4-17을 작성한 HTML 파일을 두세요.
그리고 sample 디렉터리 밑에 media 디렉터리를 만들고 그 곳에 border.png 파일을 두세요.
그런다음 작성한 HTML 파일을 클릭하여 실행해보세요.
HTML 파일에 나오는 이미지나 동영상 등 자원에 대한 경로명은 모두 HTML 파일이 있는 디렉터리를 기준으로 하는 경로명입니다.
그러니까 다음과 같이 CSS3 스타일 시트가 작성되어 있다면,
#round { ....; url("media/border.png") ... }
브라우저는 border.png를 현재 출력되는 HTML 파일이 있는 디렉터리를 기준으로 그 밑에 media 디렉터리에서 찾습니다.
이미지의 디렉터리 문제가 아니라면 좀 더 구체적으로 질문을 주면 그때 또 답을 드리겠습니다.