입문자를 위한 HTML 기초강의(4)

img 태그란?

<img>

• img 태그는 이미지를 표시할 때 사용하는 태그이다.
• 단일 태그로써, 닫는 태그를 필요로 하지 않는다.
• 콘텐츠를 적어주는 대신 표시할 이미지에 대한 정보를 속성으로 지정해주어야 한다.

<img src="표시할이미지파일경로">

img 태그의 속성

• src : 이미지의 위치정보와 파일명을 입력받는 속성 (이미지의 url 입력받음)
  - 서버에 위치한 이미지 파일또는 내 로컬PC에 저장된 이미지 파일도 가능하다.

  -> url이란 이미지가 어디에 있는지 알려주기 위해 사용하는 규약(형식)이다

• alt : alternative의 약자로 대체 텍스트 역할을 한다.
  - 이미지가 로딩되기 전이나 이미지 로딩에 실패한 경우 이미지 대신에 대체 텍스트가 표시 된다.