[HTML -6] 이미지 표시하기

이미지 표시하기

이미지 태그

• 이미지를 표시할 때 사용하는 태그
• 단일태그(닫는 태그는 필요 없음)
• 콘텐츠를 적어주는 대신 표시할 이미지에 대한 정보를 속성으로 지정해주어야 함
• src 속성은 이미지의 위치정보와 파일명(url or 경로)
• 이미지 태그의 사용법

<img src='url' />

 

추가 속성

alt

• alt는 alternative의 약자로 대체 텍스트 역할을 함
• 이미지가 로딩되기 전이나 이미지 로딩에 실패한 경우 이미지 대신 대체 텍스트가 표시
• alt를 사용하면 이미지를 볼 수 없는 시각장애인에게 웹페이지를 서비스해야 하는 상황에 대한 대비가 가능
  • 음성인식기가 이미지 대신 이를 활용
  • 웹 접근성이 좋아짐

width, height

• 이미지를 표현할 때 이미지 크기를 지정
• width, height 각각 너비, 높이를 지정
• 단위 없이 정수 값만 지정
• 적용되는 단위는 픽셀(px) 단위로 적용