여기 홈페이지에서 미디어파일도 다운받고 코드도 똑같이 썼는데 이미지가 나오지 않습니다. 사진의 정확한 주소를 적어도 예제에 나와있는 주소를 적어도 이미지가 나오지 않습니다. 뭐가 문제일까요?
QnA
공부하면서 궁금했던 것을 질문해보세요.
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. | 관리자 | 2017.06.20 | 18281 |
103 | 실제로 사용해봤습니다 ! ㅠㅠ 1 | 갱자데쓰 | 2018.02.06 | 120 |
102 | 1장 그림1-14 2 | 000 | 2020.04.14 | 119 |
101 | 예제 2-21 질문입니다. 1 | 열공이 | 2022.12.23 | 117 |
100 | 5장 5-(2) 질문 있습니다! 1 | 웹 | 2021.10.14 | 117 |
99 | 한글 타이틀이 깨져 보입니다. 1 | 안스가리오 | 2020.01.06 | 116 |
98 | 혹시 예전 서적인 "DHTML + 자바스크립트 프로그래밍"의 예제를 받을 수 있는 방법은 없는지요? 2 | 비만타쿠미 | 2018.09.26 | 116 |
97 | 명품 수정판 HTML5+ CSS3+ Javascript 웹 프로그래밍 p.74 메타 데이터 <meta> 문의 1 | mikael | 2021.05.06 | 113 |
96 | 예제 4-14 질문이욤 2 | 코딩딩 | 2020.05.17 | 113 |
95 | 13장 실습문제 5번 질문입니다. 3 | 웹린 | 2022.12.04 | 111 |
94 | 이미지파일 6 | 스물다섯 | 2022.04.08 | 111 |
93 | open12 질문드립니다. 3 | 열심히 공부하는 독자 | 2020.09.08 | 111 |
» | 4장 예제 17번 1 | 신입 | 2018.04.19 | 111 |
91 | 6단원 실습문제 관련 질문합니다. 1 | 질문 | 2020.06.06 | 110 |
90 | 5장 실습문제 10번 1 | 쿠웨이트 | 2022.04.12 | 109 |
89 | css3로 웹 페이지 꾸미기 3 | ㅇㅇ | 2020.04.30 | 109 |
88 | 표와 div span 4 | 키보드 향기 | 2020.04.05 | 109 |
87 | document.getElementBy~ 2 | tc0712 | 2021.11.22 | 108 |
86 | list type 질문이요 2 | 021 | 2020.05.03 | 107 |
85 | 9장 실습9번 문제 2 | 열심히 공부하는 독자 | 2020.08.23 | 106 |
84 | 520페이지 에 쿠키쓰기 질문 1 | os | 2017.12.09 | 104 |
어떤 상황인지 정확히 모르겠지만, 코드를 정확히 작성하였다면, 이미지 파일이 저장된 디렉터리와 관련되어 있지 않나 생각이 듭니다.
다음과 같이 되어 있는지 확인해보세요.
예제를 실행할 디렉터리가 sample라고 한다면, 이곳에 예제 4-17을 작성한 HTML 파일을 두세요.
그리고 sample 디렉터리 밑에 media 디렉터리를 만들고 그 곳에 border.png 파일을 두세요.
그런다음 작성한 HTML 파일을 클릭하여 실행해보세요.
HTML 파일에 나오는 이미지나 동영상 등 자원에 대한 경로명은 모두 HTML 파일이 있는 디렉터리를 기준으로 하는 경로명입니다.
그러니까 다음과 같이 CSS3 스타일 시트가 작성되어 있다면,
#round { ....; url("media/border.png") ... }
브라우저는 border.png를 현재 출력되는 HTML 파일이 있는 디렉터리를 기준으로 그 밑에 media 디렉터리에서 찾습니다.
이미지의 디렉터리 문제가 아니라면 좀 더 구체적으로 질문을 주면 그때 또 답을 드리겠습니다.