하나의 이미지가 HTML로 표시되지 않는 이유는 무엇입니까?

-1

나는 어디에서나 답을 찾았으며 찾을 수 없다. 내 HTML 문서에서 어떤 이유로 브라우저가 열렸을 때 이미지가 표시됩니다. 그러나 서버 호스트에 내 사이트를 업로드하면이 특정 이미지가 표시되지 않습니다.하나의 이미지가 HTML로 표시되지 않는 이유는 무엇입니까?

코드 : 나 이미지 크기를 조정 시도

<html> 
 

 
<body background="images/background.jpg"> 
 

 
<img src="images/pp_4.png" style="float:left" vspace=50> 
 

 
<center><img src="images/logo.png"></center> 
 

 
<hr color="pink"> 
 

 
<style> 
 
\t @font-face{ 
 
\t font-family:"chococookie"; 
 
\t src:url("font/choco_cookie.ttf") 
 
\t } 
 

 
\t p{font-family:chococookie; 
 
\t font-size: 100%; } 
 

 
</style> 
 
<!----------------------------------------------------------------------------------> 
 

 
<center><img src=""></center> 
 
\t <center><p></p></center> 
 

 
<center><img src=""></center> 
 
\t <center><p></p></center> 
 

 
<center><img src=""></center> 
 
\t <center><p></p></center> 
 

 
<center><img src=""></center> 
 
\t <center><p></p></center> 
 

 
<center><img src="images/image_226.jpg"></center> 
 
\t <center><p>Love Live! gone sexy. #anime #sexy #ecchi #lovelive #bikini #chan #tyan #girl #kawaii #cute - 22 Oct at 10:48 pm</p></center> 
 

 
<!----------------------------------------------------------------------------------> 
 
<hr color="pink"> 
 

 
<center><a href="page_46.html"><img src="images/more_images.png" /></a></center> 
 

 
</html>

, 그리고 많은 다른 것들,하지만 아무것도했다. 표시되지 않는 이미지는 "pp_4.png"

감사합니다.

출처

2017-11-02 Conworth Parnelious

Doctype을 지정하지 않고 문서를 유효하게 만들기 위해 추가하려고합니다. 코드가 매우 잘못 작성되어 다시 작성해야합니다. –

또한 '

'은 쓸모없는 요소이므로 사용할 수 없습니다. 더 오래 사용하십시오. 나는 아직도 그들의 가르침에 놀랐다. –

CSS를 사용하여 '

'이 아닌 요소를 가운데에 맞 춥니 다. –

서버에 업로드 된 이미지 이름이 코드에 작성한 이름과 일치하는지 확인하십시오. 내 말은, 대문자와 소문자를 확인하십시오. 문자 등록을 신경 쓰지 않는 Windows를 사용하고있는 한. 서버가 걱정하는 Linux를 사용하고있을 수도 있습니다.

출처

2017-11-02 18:03:33 Danil

감사합니다. 문제는 당신이 말한 것과 같습니다. .png 확장자가 모두 대문자로 변경 되었으면 이미지가 표시되었습니다. 감사! –

항상 모든 것이 대소 문자를 구분하지 않는 것처럼 행동하십시오. Windows에서'pp_4.png'와'pp_4.PNG'를 배포하는 것이 효과적 이었지만 비즈니스 또는 제공자가 인프라를 변경하면 "신비하게"파산합니다. 비록 당신이 그것을 가지고 도망 칠 수 있다고하더라도, 그렇게하는 것은 캐시 버스터입니다. 'foo.png' /'foo.Png' /'foo.PNG'는 _cache_에 관한 한 3 개의 다른 파일입니다. –

먼저 이미지가 서버에 성공적으로 업로드되었는지 확인해야합니다. HTML 코드를 사용하지 않고 해당 이미지에 액세스 해보십시오. 예를 들어 도메인이 www.example.com이고 이미지 디렉토리가 루트 폴더에있는 경우 다음과 같은 URL의 이미지에 액세스 할 수 있어야합니다.

www.example.com/images/image_226.jpg

www.example.com/images/pp_4.png를 사용하여 참조하는 이미지에 액세스 해보십시오. 이미지를 배치 할 위치와 서버에 성공적으로 업로드되었는지 여부를 알아야합니다. 그런 다음 HTML 코드를 사용하여 해당 이미지에 액세스하면 제대로 작동합니다.

출처

2017-11-02 18:32:12

하나의 이미지가 HTML로 표시되지 않는 이유는 무엇입니까?

답변

관련 문제