[HTML]img(이미지) 태그 정리

img(이미지) 태그

초창기 웹 사이트는 대부분 텍스트 위주였으나 멀티 미디어를 원했으며 img 태그가 등장하게 되었습니다. img 태그는 사진을 볼 수 있게 해주는 태그입니다.

 

간과하기 쉽지만 img 태그는 인라인 요소입니다. 그렇기에 세로로 쌓이지 않고 가로로 쌓이는 특징을 가지고 있습니다.

 

태그	설명	요소 분류	비고
img	HTML 문서에 이미지를 삽입합니다.	인라인 요소	싱글 태그

 

img 태그의 속성
속성	속성 값	설명
alt	텍스트	이미지 로딩 실패 시 대체 텍스트를 설정합니다.
border	px(픽셀)	이미지에 검은색 테두리 두께를 지정합니다. 일반 숫자만 넣고 px를 적지 않아도 px로 인식합니다.
height	px(픽셀)	이미지의 세로 사이즈를 지정합니다.
width	px(픽셀)	이미지의 가로 사이즈를 지정합니다.

이미지 파일 확장자

이미지 파일 확장자로는 png,jpg, gif 등이 있습니다. gif는 움직이는 이미지를 넣기 위해 사용합니다.