여기 홈페이지에서 미디어파일도 다운받고 코드도 똑같이 썼는데 이미지가 나오지 않습니다. 사진의 정확한 주소를 적어도 예제에 나와있는 주소를 적어도 이미지가 나오지 않습니다. 뭐가 문제일까요?
QnA
공부하면서 궁금했던 것을 질문해보세요.
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. | 관리자 | 2017.06.20 | 18267 |
283 | page 46 마우스 올릴시 이미지 출력 2 | 공부중 | 2020.09.10 | 323 |
282 | p.469 6번 질문드립니다. 4 | 열심히 공부하는 독자 | 2020.09.08 | 64 |
281 | open12 질문드립니다. 3 | 열심히 공부하는 독자 | 2020.09.08 | 111 |
280 | value 속성 1 | 열심히 공부하는 독자 | 2020.09.04 | 48 |
279 | 오타제보합니다. 1 | 컴퓨터공학생 | 2020.08.30 | 96 |
278 | p.133 질문이요 1 | 컴퓨터공학생 | 2020.08.30 | 74 |
277 | p.133 질문이요 1 | 컴퓨터공학생 | 2020.08.30 | 67 |
276 | p.469 실습 5번문제 4 | 열심히 공부하는 독자 | 2020.08.29 | 92 |
275 | 브라우저 크기 변경 1 | 열심히 공부하는 독자 | 2020.08.27 | 59 |
274 | 9장 실습9번 문제 2 | 열심히 공부하는 독자 | 2020.08.23 | 106 |
273 | Image객체 질문 4 | 열심히 공부하는 독자 | 2020.08.21 | 79 |
272 | DOM트리 질문 1 | 열심히 공부하는 독자 | 2020.08.17 | 76 |
271 | 몽구스 웹서버가 뭔가요? 1 | 안녕하세요 | 2020.08.16 | 101 |
270 | 이벤트리스너 질문 2 | 열심히 공부하는 독자 | 2020.08.16 | 63 |
269 | <script>태그의 위치 1 | 열심히 공부하는 독자 | 2020.08.15 | 58 |
268 | open 8 질문 2 | 열심히 공부하는 독자 | 2020.08.15 | 62 |
267 | p.254 3번문제 질문드립니다. 2 | 열심히 공부하는 독자 | 2020.08.14 | 48 |
266 | 예제 9-8 질문입니다. 2 | 모르겠어요 | 2020.07.31 | 101 |
265 | 예제 6-13 질문이요! 2 | 궁그미 | 2020.07.30 | 145 |
264 | border style 질문 2 | 궁그미 | 2020.07.28 | 41 |
어떤 상황인지 정확히 모르겠지만, 코드를 정확히 작성하였다면, 이미지 파일이 저장된 디렉터리와 관련되어 있지 않나 생각이 듭니다.
다음과 같이 되어 있는지 확인해보세요.
예제를 실행할 디렉터리가 sample라고 한다면, 이곳에 예제 4-17을 작성한 HTML 파일을 두세요.
그리고 sample 디렉터리 밑에 media 디렉터리를 만들고 그 곳에 border.png 파일을 두세요.
그런다음 작성한 HTML 파일을 클릭하여 실행해보세요.
HTML 파일에 나오는 이미지나 동영상 등 자원에 대한 경로명은 모두 HTML 파일이 있는 디렉터리를 기준으로 하는 경로명입니다.
그러니까 다음과 같이 CSS3 스타일 시트가 작성되어 있다면,
#round { ....; url("media/border.png") ... }
브라우저는 border.png를 현재 출력되는 HTML 파일이 있는 디렉터리를 기준으로 그 밑에 media 디렉터리에서 찾습니다.
이미지의 디렉터리 문제가 아니라면 좀 더 구체적으로 질문을 주면 그때 또 답을 드리겠습니다.