img : 이미지 삽입 요소 - src 필수!! (외부 url, 파일위치)
<img src="https://절대경로 or 상대경로" />alt : 필수이며, 대체 텍스트
<img src = ____________ alt = "북극곰 가족"/>
깨진 이미지, 대체로 텍스트
width/height : 픽셀기준 고유너비, 단위없는 정수
[웹에서 사용하는 이미지 유형]
JPEG : 정지 이미지(가장 많이 사용), 압축률 높다.
PNG : 원본보다 정확하게 보여주거나 투명도 필요.
GIF : 여러장의 이미지로 이루어진 애니메이션
WEBP : 구글이 만든 이미지 포맷, 브라우저 제한적
벡터 (아주선명) - SVG : 다양한 크기로 정확하게 그려야 하는 아이콘, 다이어그램
srcset : 반응형 이미지 viewport
너비 서술자, 픽셀 밀도 서술자
ex) srcset = "images/small.jpg 300w,
images/medium.jpg 450w,
images/large.jpg 600w,
sizes : 아예 다른 파일을 줄때도 있고, 끝까지 안늘어났으면 좋겠다고 걸고 싶을때
video
<video src="~~~.org"> sorry, your browser doesn't support embedded videos </video>
src 필수 아님. 자식요소에 source태그 사용가능
<video controls> : 컨트롤 패널이 나옴
autoplay muted
