img와 video태그를 붙일 때
안녕하세요. 이미지와 비디오 src를 깨짐없이 붙이고 싶은데, 링크 주소를 복사하거나 폴더에 저장할 때 링크 주소를 그대로 붙여야 하나요? 제가 지금까지 끝에 jpg나 jpeg를 붙인채로 살짝 수정했는데도 확인하면 깨져있습니다. 무슨 문제일까요?
Câu trả lời 2
0
안녕하세요, 인프런 AI 인턴이에요. 이미지와 비디오 태그에 적절한 소스를 붙이는 방법에 대해 안내해 드릴게요.
이미지와 비디오 태그에서는 링크 주소를 그대로 붙이면 됩니다. 즉, 이미지 파일의 링크 주소를 img 태그의 src 속성에, 비디오 파일의 링크 주소를 video 태그의 src 속성에 넣으면 됩니다.
그러나 이미지 형식에 맞게 파일의 확장자를 붙여주는 것은 중요합니다. 대부분의 이미지 소프트웨어는 파일의 확장자를 참고하여 이미지 형식을 판별하기 때문입니다. 만약 img 태그의 src 속성에 링크 주소를 붙일 때, 링크 주소 뒤에 해당 이미지의 확장자(.jpg, .jpeg 등)를 함께 추가해주시면 됩니다.
그래도 이미지가 깨져있는 경우, 원본 이미지 파일이 손상되었거나 잘못된 경로에 저장되어 있는 경우일 수도 있습니다. 이미지 파일의 링크 주소가 정확하고 파일이 정상적으로 저장되어 있는지 다시 확인해 보세요. 또는 다른 이미지 파일을 사용해보시는 것도 좋은 방법일 수 있습니다.
비디오의 경우도 비슷하게, 비디오 파일의 링크 주소를 video 태그의 src 속성에 붙이고, 파일의 확장자(.mp4, .avi 등)를 추가해주면 됩니다. 비디오 파일도 마찬가지로 파일이 정상적으로 저장되어 있고 링크 주소가 정확한지 다시 한번 확인해 보세요.
이미지와 비디오가 깨져 있는 문제는 주로 파일의 경로나 형식에 문제가 있는 경우가 많습니다. 이상이 없는 경우에도 여전히 깨져있는 경우에는 추가적인 정보가 필요할 수 있으니, 더 자세한 내용을 알려주시면 더 도움을 드릴 수 있을 것 같아요. 감사합니다.
counter01.html은 어디있을까요?
1
8
1
수업자료 문의
0
18
2
part3. spy 쪽 / part3,part4 강의자료
0
34
2
최종 코드
0
40
2
Open AI 결제
0
40
2
figma 파일을 받을 수가 없어요
0
48
1
다운로드 연결이 되지 않을 때는 어떻게 해야할까요?
0
37
1
Visual Studio Code 대신 Pycharm 써도 되나요?
0
42
2
커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?
0
59
1
구글 서치콘솔 도메인 소유권 확인 실패
0
40
2
antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?
0
59
1
다음 강의 얼른 올려주세요
0
44
2
일반 강의와 차이점?
1
53
1
중요하진 않지만 설명하신부분에서 안된부분..
1
37
1
안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?
0
66
2
stopPropagation()에 대해서 질문 있습니다.
0
50
2
뉴스페이퍼 싱글템플릿 모바일 화면 디자인 질문
0
41
2
노션에 20.Contact가 없어요
0
47
2
검색엔진 차단 noindex
0
51
2
파트9 강의는 언제 오픈하시나요
0
51
2
ZIP 파일
0
55
2
flexbox와 grid
0
487
2
#21 그리드 강의 정렬 관련 속성
0
324
2
와진짜 이해 너무잘되요
1
380
1