인프런 커뮤니티 질문&답변

Jung Ho Park님의 프로필 이미지
Jung Ho Park

작성한 질문수

HTML5 & CSS3 기초 문법 올인원

이미지, 비디오, 오디오 태그

img와 video태그를 붙일 때

해결된 질문

작성

·

503

0

안녕하세요. 이미지와 비디오 src를 깨짐없이 붙이고 싶은데, 링크 주소를 복사하거나 폴더에 저장할 때 링크 주소를 그대로 붙여야 하나요? 제가 지금까지 끝에 jpg나 jpeg를 붙인채로 살짝 수정했는데도 확인하면 깨져있습니다. 무슨 문제일까요?

답변 2

0

이룸코딩님의 프로필 이미지
이룸코딩
지식공유자

정호님 안녕하세요. 소스 (원본)의 링크는 임의로 수정하시면 파일을 찾을 수 없습니다. 원본 링크는 그대로 붙이셔야 합니다!

0

안녕하세요, 인프런 AI 인턴이에요. 이미지와 비디오 태그에 적절한 소스를 붙이는 방법에 대해 안내해 드릴게요.

이미지와 비디오 태그에서는 링크 주소를 그대로 붙이면 됩니다. 즉, 이미지 파일의 링크 주소를 img 태그의 src 속성에, 비디오 파일의 링크 주소를 video 태그의 src 속성에 넣으면 됩니다.

그러나 이미지 형식에 맞게 파일의 확장자를 붙여주는 것은 중요합니다. 대부분의 이미지 소프트웨어는 파일의 확장자를 참고하여 이미지 형식을 판별하기 때문입니다. 만약 img 태그의 src 속성에 링크 주소를 붙일 때, 링크 주소 뒤에 해당 이미지의 확장자(.jpg, .jpeg 등)를 함께 추가해주시면 됩니다.

그래도 이미지가 깨져있는 경우, 원본 이미지 파일이 손상되었거나 잘못된 경로에 저장되어 있는 경우일 수도 있습니다. 이미지 파일의 링크 주소가 정확하고 파일이 정상적으로 저장되어 있는지 다시 확인해 보세요. 또는 다른 이미지 파일을 사용해보시는 것도 좋은 방법일 수 있습니다.

비디오의 경우도 비슷하게, 비디오 파일의 링크 주소를 video 태그의 src 속성에 붙이고, 파일의 확장자(.mp4, .avi 등)를 추가해주면 됩니다. 비디오 파일도 마찬가지로 파일이 정상적으로 저장되어 있고 링크 주소가 정확한지 다시 한번 확인해 보세요.

이미지와 비디오가 깨져 있는 문제는 주로 파일의 경로나 형식에 문제가 있는 경우가 많습니다. 이상이 없는 경우에도 여전히 깨져있는 경우에는 추가적인 정보가 필요할 수 있으니, 더 자세한 내용을 알려주시면 더 도움을 드릴 수 있을 것 같아요. 감사합니다.

Jung Ho Park님의 프로필 이미지
Jung Ho Park

작성한 질문수

질문하기