HTML image

img

• 필수 요소 : scr

<img scr="주소" />

• 속성

- alt : alternative text (이미지 깨졌을 때 이미지에 대한 설명을 보여줌)
- title : 이미지 위에 마우스 가져다 대면 설명이 보임

- scrset : 반응형 이미지 만들기(viewpoint)
 >> 예를 들면 노트북화면을 핸드폰 사이즈로 화면 자동 크기 조정
 >> 가장 큰 사이즈의 화면 비율이 다운되어 있다면 가장 큰 화면으로 보여짐
 
- size : viewport에 따라 크기를 제한
	- (min_width : )
    - (max_width : )

• 이미지 파일 종류
  

- SVG는 벡터로 이루어져 있어 이미지 확대 시 이미지 깨짐을 방지. icon이나 ui 요소에 많이 활용
- JPEG, PNG, GIF, WEBP는 레지스터로 이루어져 있어 이미지를 무한정 확대시 깨짐.