<img> : 빈 요소
<src> 속성
- 필수!!!
- 포함하고자 하는 이미지로의 경로 지정
<alt> 속성
- 이미지의 텍스트 설명
- 스크린리더에서 사용
- 이미지를 표시할 수 없을 때 속성의 값을 대신 보여줌.
<width>, <height> 속성
- 숫자로만 입력
- width만 따로 지정해도 height도 비율에 맞게 조정됨.
srcset
- 여러개의 이미지 경로 지정 가능 (반응형 이미지를 만들기 위해)
사용자의 viweport에 반응하기 위해
<img srcset = "images/small.png 300w,
images/medium.png 450w,
images/large.png 600w"
sizes
- 미디어 조건, 값 포함
//600px보다 너비가 큰 애들을 가로 너비를 600px로 고정해줘!!
//450~600px 사이인 애들은 450px로 고정
//나머지는 300px로 고정
<img sizes="(min-width: 600px) 600px,
(min-width: 450px) 450px,
300px"
<video>
<src>는 선택 사항.controls: 컨트롤 패널 드러남.autoplay: 자동 재생 (새로고침을 하면 자동 재생이 안됨- 소리때문에)muted: 음소거 (이 때autoplay와 같이 쓰면 새로고침해도 재생 가능)poster: 첫번째 프레임을 포스터 프레임으로 출력
