HTML 이미지 태그

이미지 태그

 

이미지 태그

HTML 문서에 사진을 넣고 싶을 때 사용되는 태그이다.
해당 태그는 싱글 태그로서 닫는 태그가 따로 없다.

 

 

이미지 태그 속성

src	이미지의 경로
alt	이미지가 없을 때(경로가 잘못되었을 때) 대체할 텍스트

 

※ alt 태그의 경우 원본 서버에서 이미지가 삭제됐을 때 또는 스크린 리더기가 alt 텍스트를 읽는 경우가 많으므로

사용하면 더욱 멋진 사이트를 만들 수 있다.

 

 

경로

 

절대 경로	https://www.example.com/image/1.png
상대 경로	/static/image/1.png

 

절대 경로는 일반 사용자가 URL을 붙여넣으면 볼 수 있는 경로이고,

상대 경로는 서버 컴퓨터 내부의 경로이다.

 

절대 경로와 상대 경로를 구분하는 쉬운 방법은 첫 부분이 '/'로 시작하면 상대 경로 아니면 절대 경로인 것이다.