html 문서에 이미지 삽입 : img 태그

descriptions

html 페이지에 이미지를 삽입하는 태그. 기술적으로, 이미지는 직접 html 페이지에 삽입되는 것이 아니라 단지 링크가 되는 것. img 태그는 html 페이지에 이미지를 위한 공간을 잡아주는 것뿐

attributes

• src : 이미지의 url.
• alt : 이미지 대신에 표시될 텍스트. 페이지 읽어주기 모드에서 그림을 대체.
• height : 이미지의 세로 길이를 지정
• width : 이미지의 가로 너비를 지정

예시

• 다른 폴더에서 이미지 가져오는 경우 :

<img src="/images/stickman.gif" alt="Stickman" width="24" height="39">

• 다른 웹페이지에서 이미지 가져오는 경우 :

<img src="http://www.w3schools.com/images/lamp.gif" alt="Lamp" width="15" height="15">

참고

• HTML <img> Tag