image

• 인라인 레벨(Inline level)
• <img> </img>
• 주요 속성 :
  • alt : 이미지 대신 나타낼 텍스트(이미지 로드 실패를 대비)
  • src : 이미지 경로
    (1) 절대 경로 : 사용 불가
    (2) 상대 경로 : 사용 가능
    • ① 상위폴더 : ..
    • ② 하위폴더 : .
      (3) 웹 경로 : 사용 가능
  • width : 이미지 너비 지정
  • height : 이미지 높이 지정
    (주의.) width와 height 중 하나만 지정할 것(하나만 조정하면 전체 비율을 유지)

절대 경로

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

정상적으로 출력 될 시

이미지 에러가 발생했을 시

상대 경로

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

정상적으로 출력 될 시

이미지 에러가 발생했을 시

웹 경로

<img alt="주디" src="https://search.pstatic.net/common/?src=http%3A%2F%2Fblogfiles.naver.net%2F20160630_9%2Fthatkxkd1022_1467297489167EaSOw_JPEG%2FZootopia_%252888%2529.jpg&type=sc960_832">

정상적으로 출력 될 시

이미지 에러가 발생했을 시