[ 생활코딩 ] 주요태그 - 이미지 - img

주요태그 - 이미지 - img

저작권 없는 이미지 제공 사이트 : pixabay

이미지 (img) 태그

- 목적 : 문서에 이미지를 포함합니다.
- 등장시기 : HTML2
- <img src="img.jpg"> 라는 형식으로 적습니다.
- 닫는 태그가 필요 없습니다.
- 크기를 변경하고 싶으면 태그 안에 width="200" height="300" 이라는 형식으로 적으면 됩니다.
- alt="산이미지" 라는 alt 를 표시하면 이미지가 표시되지않을 때, 대체 텍스트로 제공해줍니다. 따라서 꼭 적어야 합니다.
- 이미지에 마우스를 갖다놨을 때 도움말을 주고싶을 때 title="산이미지" 를 사용하여 줄 수 있습니다.

 

코딩화면  ( 출처 : 생활코딩 - https://www.opentutorials.org/course/2039/10942 )

alt 를 사용한 브라우저 화면 - 결과 ( 출처 : 생활코딩 - https://www.opentutorials.org/course/2039/10942 )

title 을 사용한 브라우저 화면 - 결과 ( 출처 : 생활코딩 -https://www.opentutorials.org/course/2039/10942 )