[HTML] 이미지 태그

 

▶ 이미지 태그

● <img src="이미지 파일 경로"  속성이름="속성값">

 

[속성이름]	[속성값]
src	이미지 파일의 URL
alt	대체용 텍스트 (이미지가 없거나 손상되는 등 이미지를 출력 할 수 없는 경우 출력되는 문자열)
width	이미지 너비
height	이미지 높이

 

▶ 이미지 파일 경로 :현재 HTML문서에서 이미지 파일이 있는 곳까지 어떻게 찾아가야 하는지를 알려 주는 것

- 웹 문서 파일의 위치를 기준으로 함

- 웹 문서 파일과 이미지 파일이 같은 경로에 있다면, <img src="picture_name.jpg>와 같이 이미지 파일 이름만 적으면됨

- 웹 문서 하위 폴더에 이미지 파일이 있다면, <img src="하위 폴더 이름/picture_name.jpg">와 같이 경로에 하위 폴더 이름을 추가

- 이미지 링크(사이트의 주소)로도 이미지 연결 가능

 

 

 

See the Pen Untitled by jin2304 (@jin2304) on CodePen.

 

 

 

참고문헌: DO it! HTML5 + CSS + 자바스크립트 웹 표준의 정석, 명품 HTML5 + CSS3 + Javascript 웹 프로그래밍