그림(image)

• 인라인 레벨
• <img><img/>

주요 속성

• alt : 이미지 대신 나타낼 텍스트 (이미지 로드 실패를 대비)
• src : 이미지 경로
  • 절대 경로 : 사용 불가
  • 상대 경로 : 사용 가능
    • 상위 폴더 : ..
    • 현재 폴더 : .
  • 웹 경로 : 사용 가능
• width : 이미지 너비 지정
• height : 이미지 높이 지정
  
  
• 주의. width와 height 중 하나만 지정할 것 (하나만 조정하면 전체 비율을 유지)

절대 경로

<img alt="사랑해" src="C:/GDJ/images/like.png">

이미지 정상 출력

이미지 로드 실패

상대 경로

C:/GDJ/webstudy/HTML/05_image,html
C:
ㄴ GDJ           : 상위x2 (../..)
	ㄴ webstudy  : 상위 폴더 (..)
		ㄴ HTML  : 현재 폴더(.)

<img alt="사랑해" src="../../images/like.png">

이미지 정상 출력

이미지 로드 실패

웹 경로

<img alt="범죄도시2" src="https://search.pstatic.net/common?type=o&size=174x242&quality=85&direct=true&src=https%3A%2F%2Fs.pstatic.net%2Fmovie.phinf%2F20220516_144%2F1652665409592Chvey_JPEG%2Fmovie_image.jpg%3Ftype%3Dw640_2">

이미지 정상 출력

이미지 로드 실패