작가:
Roger Morrison
창조 날짜:
18 구월 2021
업데이트 날짜:
1 칠월 2024
![HTML - 이미지 : img](https://i.ytimg.com/vi/V_ogge8xfDs/hqdefault.jpg)
콘텐츠
이 위키 하우에서는 HTML (HyperText Markup Language)을 사용하여 이미지의 높이와 너비를 설정하는 방법을 설명합니다.
- "너비"는 이미지의 너비를 픽셀 단위로 나타냅니다.
- "높이"는 이미지의 높이를 픽셀 단위로 나타냅니다.
- HTML 4.01에서 높이는 픽셀 또는 백분율로 정의 할 수 있습니다. HTML5에서 값은 픽셀 단위 여야합니다.
단계로
이미지를 표시 할 파일을 편집하십시오. 예 : default.html
이 줄을 스크립트에 추가
- img src = "imagefile.webp"alt = "이미지"높이 = "42"너비 = "42">
- src는 이미지의 파일 경로입니다.
- alt는 이미지에 부여하는 레이블입니다.
"height"및 "width"를 원하는대로 바꾸십시오 (예 : height = "19"width = "20").
파일을 저장하고 아무 브라우저에서나 파일을 열어 효과를 확인합니다. "width"속성은 Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer 등과 같은 모든 주요 브라우저에서 지원됩니다.
팁
- 항상 이미지의 높이 및 너비 속성을 지정하십시오. 높이와 너비를 설정하면 페이지가로드 될 때 이미지에 필요한 공간이 예약됩니다. 그러나 이러한 속성이 없으면 브라우저는 이미지의 크기를 인식하지 못하며 적절한 공간을 예약 할 수 없습니다. 이것의 효과는로드하는 동안 (이미지가로드되는 동안) 페이지 레이아웃이 변경된다는 것입니다.
- 높이와 너비를 조정하여 큰 이미지의 크기를 줄이면 사용자가 큰 이미지를 다운로드해야합니다 (페이지에서 작게 보이지만). 이를 방지하려면 페이지에 배치하기 전에 프로그램을 사용하여 이미지의 크기를 조정해야합니다.