HTML / img - 이미지 삽입하는 태그

img

  • img는 HTML 문서에 이미지를 삽입하는 태그입니다.
  • 주요 속성은 src, alt, width, height입니다.
    • src : 이미지의 경로
    • alt : 이미지를 표시할 수 없을 때 출력할 내용
    • width : 이미지의 가로 크기
    • height : 이미지의 세로 크기

예제 1

  • width, height 속성을 정하지 않으면 이미지 원본 크기 그대로 나옵니다.
  • 만약 지정한 경로에 이미지가 없다면 alt 속성에 있는 값이 출력됩니다.

예제 2

  • width 속성으로 가로 크기만 정하면 세로 크기는 원본의 가로 세로 비율에 맞게 정해집니다.
  • height 속성으로 세로 크기만 정하면 가로 크기는 원본의 가로 세로 비율에 맞게 정해집니다.
  • 가로 크기와 세로 크기를 동시에 정하면 원본의 가로 세로 비율과 상관없이 설정한 크기로 나옵니다.