HTML에서 이미지 너비와 높이 설정하기
너비와 높이를 동시에 설정하면 이미지가 왜곡될 수 있습니다.
예를 들어, 너비를 100 픽셀로, 높이를
70px로 설정하면 우리의 스마일리 이미지는 가로로 늘어나 보일 것입니다:
html<img src="smile.png" width="100" height="70">
Результат:
이미지가 반드시 왜곡되는 것은 아닙니다. 너비와 높이를 모두
100 픽셀로 설정하면, 우리 이미지는 원본 크기(130픽셀)보다 작아지지만
비율은 왜곡되지 않습니다:
html<img src="smile.png" width="100" height="100">
Результат:
Задание 1
이미지의 비율이 왜곡되도록 너비와 높이를 설정하세요.
Задание 2
이미지의 비율이 왜곡되지 않도록 너비와 높이를 설정하세요.