HTML_CSS_011_TAG_image

<img src="이미지_주소" alt="설명">

• src
  • 필수 포함
  • 포함하고자 하는 이미지로의 경로를 지정

• alt
  • 이미지의 텍스트 설명
  • 필수는 아니다
  • 스크린 리더가 alt의 값을 읽어 사용자에게 이미지를 설명
  • 접근성 차원에서 매우 유용
  • 또한 네트워크 오류, 콘텐츠 차단, 죽은 링크 등 이미지를 표시할 수 없는 경우에도 이 속성의 값을 대신 보여줌

img {
	/* 이미지의 가로 세로 설정*/
	width : 300px;
    height : 400px;
	/* 이미지의 비율 유지. 사진에 공간을 맞춤, 공백 생김 */
	object-fit:contain; 
    /* 이미지의 비율 유지. 공간에 사진을 맞춤, 사진이 잘린다 */
	object-fit:cover; 
}