Skip to content

html과 css로 웹사이트를 만들었는데 이미지 하나가 제대로 뜨지 않아요.- #851

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
paran019 opened this issue Dec 28, 2019 · 2 comments

Comments

@paran019
Copy link

paran019 commented Dec 28, 2019

해결하고자 하는 문제

html 수업과 css 수업을 들으면서 웹사이트를 만들어서 깃허브에 올렸는데요.
c드라이브로 시작하는 주소로 확인했을 땐 이미지가 잘 뜨는데,
깃 허브 서버를 이용한 웹사이트에서는 이미지 한 개가 아이콘 모양으로 뜹니다.
웹페이지에 이미지를 2개 넣었는데 하나는 잘 뜨고 하나는 안 뜨고있어요.

정상적으로 이미지가 뜨는 페이지
https://paran019.github.io/paran_coding_web/1_html.html
이미지가 뜨지 않는 페이지
https://paran019.github.io/paran_coding_web/2_css.html

c드라이브에서는 잘 뜨는 것을 캡쳐했는데 사진을 어떻게 올리는지 모르겠네요ㅠㅠ

코드 혹은 오류

<br><img src="개발자도구_요소.png" width="600"> <br>

환경

윈도우7, 한글. 라이브러리버전은 잘 모르겠어요, 죄송해요ㅠㅠ

#문제 해결하려고 한 노력
#79
답변을 참고했습니다.

파일은 해당 폴더에도 존재하고, 깃허브 폴더?에도 존재하구요.
이미지 파일명에도 오타가 없고, 그래서 c드라이브 주소에서는 잘 뜹니다.
이미지 파일 확장자명은 속성에서 확인했는데 png가 맞아요ㅠㅠ
캡쳐 한 것이기 때문에 다운받은 이미지가 아니에요 8ㅁ8

@smartbos
Copy link
Collaborator

파일명을 영문으로 한 번 바꿔보세요.
시스템에 따라 한글을 잘 인식하지 못하는 경우도 있어서요.

@progh2
Copy link
Collaborator

progh2 commented Dec 30, 2019

대소문자를 가립니다.
개발자도구_요소.png 를 개발자도구_요소.PNG 로 변경해주세요~

개발자도구_요소.PNG 입니다.

개발자도구_요소.PNG

@paran019 paran019 closed this as completed Jan 5, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants