여기 홈페이지에서 미디어파일도 다운받고 코드도 똑같이 썼는데 이미지가 나오지 않습니다. 사진의 정확한 주소를 적어도 예제에 나와있는 주소를 적어도 이미지가 나오지 않습니다. 뭐가 문제일까요?
QnA
공부하면서 궁금했던 것을 질문해보세요.
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. | 관리자 | 2017.06.20 | 18280 |
83 | 예제5-9와 예제 5-14 3 | 궁금해요! | 2018.04.20 | 127 |
82 | 실습문제 3장 2번, 4장 8번 질문 다시 올려요. | littlelion | 2018.04.20 | 1586 |
81 | 연습문제 짝수번 정답 | 기러기 | 2018.04.20 | 760 |
» | 4장 예제 17번 1 | 신입 | 2018.04.19 | 111 |
79 | 오픈챌린지 4장 질문 1 | littlelion | 2018.04.18 | 390 |
78 | 예제 2-19 1 | 새싹 | 2018.04.18 | 265 |
77 | 실습문제 5장 8번 1 | rrr | 2018.04.18 | 412 |
76 | 예제 2-18 1 | 새싹 | 2018.04.18 | 94 |
75 | 예제 2-18 1 | 새싹 | 2018.04.18 | 103 |
74 | 8장 오픈챌린지 1 | 감자먹을래 | 2018.04.16 | 891 |
73 | 3장 실습문재 3번 사용 태그 1 | David Lee | 2018.04.15 | 192 |
72 | 예제 3-1 1 | 초보 | 2018.04.15 | 75 |
71 | 오픈챌린지 4 1 | 오픈 | 2018.04.13 | 275 |
70 | 예제2-11 1 | 포도 | 2018.04.05 | 123 |
69 | 9장 실습문제 9번 문의사항 1 | 이태복 | 2018.04.03 | 309 |
68 | u+ 공유기 포트포워딩 방법 1 | ge님 | 2018.03.30 | 758 |
67 | 페이지 247 에 있는 Open Challenge 05 의 CSS3로 태그 배치하기를 공부하고 있는데 질문드립니다. 1 | 워니고 | 2018.03.28 | 3878 |
66 | 챕터 3의 10번 문제 1 | 컴공과 입문 | 2018.03.20 | 125 |
65 | 안녕하세요. 몽구스 다른 컴퓨터에서 서버 접속 문의 드립니다. 1 | 흙 | 2018.03.14 | 225 |
64 | 질문입니다 1 | 1213 | 2018.03.06 | 420 |
어떤 상황인지 정확히 모르겠지만, 코드를 정확히 작성하였다면, 이미지 파일이 저장된 디렉터리와 관련되어 있지 않나 생각이 듭니다.
다음과 같이 되어 있는지 확인해보세요.
예제를 실행할 디렉터리가 sample라고 한다면, 이곳에 예제 4-17을 작성한 HTML 파일을 두세요.
그리고 sample 디렉터리 밑에 media 디렉터리를 만들고 그 곳에 border.png 파일을 두세요.
그런다음 작성한 HTML 파일을 클릭하여 실행해보세요.
HTML 파일에 나오는 이미지나 동영상 등 자원에 대한 경로명은 모두 HTML 파일이 있는 디렉터리를 기준으로 하는 경로명입니다.
그러니까 다음과 같이 CSS3 스타일 시트가 작성되어 있다면,
#round { ....; url("media/border.png") ... }
브라우저는 border.png를 현재 출력되는 HTML 파일이 있는 디렉터리를 기준으로 그 밑에 media 디렉터리에서 찾습니다.
이미지의 디렉터리 문제가 아니라면 좀 더 구체적으로 질문을 주면 그때 또 답을 드리겠습니다.