img와 video태그를 붙일 때
안녕하세요. 이미지와 비디오 src를 깨짐없이 붙이고 싶은데, 링크 주소를 복사하거나 폴더에 저장할 때 링크 주소를 그대로 붙여야 하나요? 제가 지금까지 끝에 jpg나 jpeg를 붙인채로 살짝 수정했는데도 확인하면 깨져있습니다. 무슨 문제일까요?
回答 2
0
안녕하세요, 인프런 AI 인턴이에요. 이미지와 비디오 태그에 적절한 소스를 붙이는 방법에 대해 안내해 드릴게요.
이미지와 비디오 태그에서는 링크 주소를 그대로 붙이면 됩니다. 즉, 이미지 파일의 링크 주소를 img 태그의 src 속성에, 비디오 파일의 링크 주소를 video 태그의 src 속성에 넣으면 됩니다.
그러나 이미지 형식에 맞게 파일의 확장자를 붙여주는 것은 중요합니다. 대부분의 이미지 소프트웨어는 파일의 확장자를 참고하여 이미지 형식을 판별하기 때문입니다. 만약 img 태그의 src 속성에 링크 주소를 붙일 때, 링크 주소 뒤에 해당 이미지의 확장자(.jpg, .jpeg 등)를 함께 추가해주시면 됩니다.
그래도 이미지가 깨져있는 경우, 원본 이미지 파일이 손상되었거나 잘못된 경로에 저장되어 있는 경우일 수도 있습니다. 이미지 파일의 링크 주소가 정확하고 파일이 정상적으로 저장되어 있는지 다시 확인해 보세요. 또는 다른 이미지 파일을 사용해보시는 것도 좋은 방법일 수 있습니다.
비디오의 경우도 비슷하게, 비디오 파일의 링크 주소를 video 태그의 src 속성에 붙이고, 파일의 확장자(.mp4, .avi 등)를 추가해주면 됩니다. 비디오 파일도 마찬가지로 파일이 정상적으로 저장되어 있고 링크 주소가 정확한지 다시 한번 확인해 보세요.
이미지와 비디오가 깨져 있는 문제는 주로 파일의 경로나 형식에 문제가 있는 경우가 많습니다. 이상이 없는 경우에도 여전히 깨져있는 경우에는 추가적인 정보가 필요할 수 있으니, 더 자세한 내용을 알려주시면 더 도움을 드릴 수 있을 것 같아요. 감사합니다.
푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?
0
15
1
장치 의존성과 CSR
0
26
1
순수 함수 / 순수 컴포넌트
0
18
1
css box-sizing 관련 질문
0
31
2
여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?
0
24
1
node.js 설치 (LTS버전)
0
25
1
Cursor & Antigravity 소개 및 설치
0
30
2
뉴스페이퍼 테마 관련
0
33
1
지우지 말아야할걸 지운상태로 저장해버렸어요....
0
31
1
24번 수업에 나온 창은 무슨 프로그램인가요
0
33
1
Desktop모드-header영역 제작에서 제공해드린 폰트와 이미지
0
27
1
span 태그에 여백이 들어간 것 같은데 왜 그런건가요?
1
53
5
1-2 주가 데이터 수집 (OHLCV) 강의 질문 드려요
0
43
2
뉴스페이퍼 스킨을 꼭 사야하나요? 링크주소도 못찾겠어요
0
43
2
자료실
1
41
2
저는 일단 워드프레스로 블로그를 만들어 보려고
0
27
2
cafe24에서 했다가 fastcomet으로 변경하려 하는데요 문제가 생겼습니다
0
31
2
html / css 기초는 있습니다..
0
50
2
ReactScriptExample 관련 질문
0
40
1
class 이름을 section__title이라고 짓는 것에 대해서
0
52
2
수업자료와 노션 공유 문제
0
66
3
flexbox와 grid
0
502
2
#21 그리드 강의 정렬 관련 속성
0
340
2
와진짜 이해 너무잘되요
1
387
1