img와 video태그를 붙일 때
안녕하세요. 이미지와 비디오 src를 깨짐없이 붙이고 싶은데, 링크 주소를 복사하거나 폴더에 저장할 때 링크 주소를 그대로 붙여야 하나요? 제가 지금까지 끝에 jpg나 jpeg를 붙인채로 살짝 수정했는데도 확인하면 깨져있습니다. 무슨 문제일까요?
답변 2
0
안녕하세요, 인프런 AI 인턴이에요. 이미지와 비디오 태그에 적절한 소스를 붙이는 방법에 대해 안내해 드릴게요.
이미지와 비디오 태그에서는 링크 주소를 그대로 붙이면 됩니다. 즉, 이미지 파일의 링크 주소를 img 태그의 src 속성에, 비디오 파일의 링크 주소를 video 태그의 src 속성에 넣으면 됩니다.
그러나 이미지 형식에 맞게 파일의 확장자를 붙여주는 것은 중요합니다. 대부분의 이미지 소프트웨어는 파일의 확장자를 참고하여 이미지 형식을 판별하기 때문입니다. 만약 img 태그의 src 속성에 링크 주소를 붙일 때, 링크 주소 뒤에 해당 이미지의 확장자(.jpg, .jpeg 등)를 함께 추가해주시면 됩니다.
그래도 이미지가 깨져있는 경우, 원본 이미지 파일이 손상되었거나 잘못된 경로에 저장되어 있는 경우일 수도 있습니다. 이미지 파일의 링크 주소가 정확하고 파일이 정상적으로 저장되어 있는지 다시 확인해 보세요. 또는 다른 이미지 파일을 사용해보시는 것도 좋은 방법일 수 있습니다.
비디오의 경우도 비슷하게, 비디오 파일의 링크 주소를 video 태그의 src 속성에 붙이고, 파일의 확장자(.mp4, .avi 등)를 추가해주면 됩니다. 비디오 파일도 마찬가지로 파일이 정상적으로 저장되어 있고 링크 주소가 정확한지 다시 한번 확인해 보세요.
이미지와 비디오가 깨져 있는 문제는 주로 파일의 경로나 형식에 문제가 있는 경우가 많습니다. 이상이 없는 경우에도 여전히 깨져있는 경우에는 추가적인 정보가 필요할 수 있으니, 더 자세한 내용을 알려주시면 더 도움을 드릴 수 있을 것 같아요. 감사합니다.
선생님 강의자료를 받을수 없어요! 메일보냈어요.
0
19
2
1강 동영상 재생 오류
1
56
2
헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?
0
27
1
Composition단계에서 `Layer`는 누가 만드는지
0
33
1
Strict Mode 예시 질문!
0
54
2
해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?
0
50
2
만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.
1
77
4
설명이 잘못된거같습니다.
1
67
2
31강 학습자료에 프롬프트가 엉뚱한것이 있어요
1
58
1
bitnami 설치
0
37
0
강의 소스 코드는 어디서 볼수 있나여?
1
60
1
자료집 관련
0
58
2
13. (App 2) 기본기 훈련 에서
0
87
1
17강 강의에 목데이터 첨부파일이 없습니다.
2
78
2
2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중
0
56
1
11차시 Antigravity IDE 설치 후
1
63
1
처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법
0
73
1
5,6,7,8 내용이 없어요
0
60
1
푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?
0
62
1
장치 의존성과 CSR
0
81
1
순수 함수 / 순수 컴포넌트
0
55
1
flexbox와 grid
0
516
2
#21 그리드 강의 정렬 관련 속성
0
356
2
와진짜 이해 너무잘되요
1
394
1