이미지 삽입하기

이미지 삽입하는 기본 태그

<img src="이미지 경로" alt="대체용 텍스트">

• 대체용 텍스트는 시각장애인에게 주는 정보이기도 하므로, 나의 편의로 적는 것이 아니라 해당 이미지가 무엇을 나타내고 있는 지를 적는 것이 좋다.

이미지 크기 조절하는 속성 width, height

• 속성에서 img의 크기를 지정하지 않으면 이미지의 원래 크기로 load됨.
• height와 width 중 하나만 지정하면 나머지는 비율에 맞게 조정됨.
• 이 속성에 쓰이는 단위는 px와 %가 있음. %는 현재 웹브라우저의 높이나 너비를 측정해서 차지하는 비중을 자동으로 계산한다.

<img src="image.jpg" alt="웃고 있는 사람" height="1080px" width="1080px">