<img> : 이미지 태그

<img> : 이미지 태그, 그림 넣기

▶<img src="" alt="">

▶닫는 태그가 없다. 열린 태그 하나만 있다.

▶<img> 외에 속성이 따라오는데 <src=이미지 경로를 쓰는 속성> <alt=이미지를 설명하는 속성>

▶동일 폴더 내에서 찾을 수 있는 경우 파일의 이름+확장자명을 적으면 불러올 수 있다.

▶alt : 이미지 설명이 필요한 이유 = 접근성! 스크린 리더기로 읽을 때 설명이 필요함. 

이미지 포맷	확장자	특징
JP(E)G	.jpg / .jpeg	사진 이미지에 많이 사용되는 손실 압축, 고화질을 유지하면서 고압축 가능. 다른 압축 방식에 비해 파일 크기를 작게 할 수 있다.
PNG	/png	무손실 압축, JPG에 비해 압축 효과율은 떨어지나 휴대폰 등에서 이미지 확대 시 고화질 유지. 최근 가장 많이 사용.
GIF	.gif	무손실 압축, 사용가능한 컬러 수가 다른 포맷에 비해 제한적. 컴퓨터 그래픽 이미지에 많이 사용, 파일 크기가 작음.
SVG	.svg	압축 포맷이 아닌 벡터 그래픽 포맷. 이미지 확대 시 화질의 손상이 전혀 없음. 웹 상에서 도형이나 그래프를 그리는데 多사용

상대경로	절대경로
URL 주소를 기술할 때 HTML 문서가 존재하는 위치. 즉, 현재 폴더를 기준으로 경로를 설정하는 방식을 말함. ex) <img src="./img/test/fish3.jpg">	http://로 시작하는 도메인 네임이 포함된 인터넷 상의 유일무이하고 절대적인 URL주소를 의미. 해당 파일이 존재하는 인터넷 상의 유일무이한 위치. ex)