HTML - img 태그(웹개발/마크업/클라이언트/이미지)

• img 태그 : 웹서버에 저장된 이미지 파일을 제공받아 이미지를 출력하기 위한 태그
  → 웹(Web)에서 사용하는 이미지 파일 : GIF 파일, PNG 파일, JPEG 파일 등
  → alt 속성 : 출력될 이미지에 대한 설명을 속성값으로 설정 - 음성 지원
  → src 속성 : 출력될 이미지 파일의 URL 주소를 속성값으로 설정
  (src 속성값으로 설정된 이미지 파일이 없는 경우 404 상태코드가 전달되어 이미지는 출력되지 않는다.)
  → width 속성의 속성값을 사용해 출력될 이미지의 폭 변경 가능 - 이미지 높이는 비율에 따라 자동 변경된다.
• HTML 문서와 동일한 서버에 존재하는 웹자원(WebContext)은 URL 주소에서 서버 접속 관련 정보를 생략하여 작성 가능하다. - 프로토콜, 서버명(IP 주소), 포트번호 생략
• 서버의 최상위 디렉토리(Server Root Directory)를 기준으로 웹자원의 경로를 표현할 수 있다. - 절대경로
  <img alt="코알라" src="/web/html/Koala.jpg" width="200px">
• 현재 실행중인 HTML 문서의 경로를 기준으로 웹자원의 경로를 표현할 수 있다. - 상대경로
  <img alt="코알라" src="Koala.jpg" width="200px">