HTML - img태그

<img> - image (이미지)

img 태그는 빈태그이다. 

 

내부 리소스 이미지 방법

src 속성 이용 → 이미지 파일의 경로

./ → 현재 폴더 (html이 실행되고 있는 현재폴더 기준)

../ → 상위 폴더 (중첩 사용 가능)

../../ → 상위 폴더의 상위 폴더

 

<img src="./images/bridge.jpg" alt = "이미지입니다" width="300" height="100">

alt 속성을 사용해 이미지가 올바르게 표현되지 않았을 때, 글로 설명 가능

 

외부 리소스 이미지 방법

<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" alt="테스트">

 

이미지 태그를 a태그로 감싸는 경우

ex.

<a href="https://google.com">

  <img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" alt="테스트">

</a>

 

→ 이미지를 클릭하면 해당 링크로 이동함 (이미지 링크)

+ target="_blank"를 사용하면 새 창으로 띄움