img css

    <img class="img" src="./123.jpg" alt="이미지 이름"/>

src: 이미지 소스의 URL

alt: 이미지를 보여줄 수 없을 때 해당 이미지를 대체할 텍스트

.img {
  width: 500px;
  height: 500px;
  object-fit: cover;
  object-position: right;
}

• ****: 컨테이너에 맞게 img 또는 video 크기를 조정하는 방법을 지정

object-fit
fill	기본값
contain	이미지는 종횡비를 유지, 주어진 치수에 맞게 크기 조절
cover	이미지가 종횡비 유지 주어진 치수를 채움. 이미지에 맞게 잘림
none	이미지의 크기가 조정 X
scale-down	이미지가 none 또는 가장 작은 버전으로 축소

• object-position: 컨테이너 내에서 img 또는 video를 배치하는 방법을 지정