이미지

HTML문서에 이미지를 포함할때 사용하는 태그입니다.

이미지 ( Image ) :  <img>

속성 값 의미 src= url source | 삽입할 이미지의 파일이름 align= top,middle,bottom, center,left,right, texttop,textbottom, absmiddle alignment | 정렬방식 alt= text alternate | 설명 border= n pixels border | 테두리 height= n pixels height | 이미지의 높이 width= n pixels width | 이미지의 폭 hspace= n pixels horizontal space | 좌우 여백 vspace= n pixels vertical space | 상하여백 ismap= - ismap | 이미지맵사용 usemap= map section name usemap | 사용 이미지맵 이름

테스트 예제
예제파일로 사용한 그림입니다..
그냥 봄도 오구해서 -_-; 벚꽃으로 해봤습니다.
개인적으로 아주 좋아하는 꽃이기두 하구요..

HTML소스 결과 <img src="tomcat_04.gif"> 이미지 관련 예제 글입니다. 이미지 관련 예제 글입니다. src입니다. 단순히 링크시켜주는 기능이죠. <img src="tomcat_04.gif" align=top> 이미지 관련 예제 글입니다. 이미지 관련 예제 글입니다. <img src="tomcat_04.gif" align=middle> 이미지 관련 예제 글입니다. 이미지 관련 예제 글입니다. <img src="tomcat_04.gif" align=bottom> 이미지 관련 예제 글입니다. 이미지 관련 예제 글입니다. 텍스트가 정렬되죠? 위 , 중간 , 아래로.. 글이 다 찰경우엔 다음줄로 넘어가게됩니다. <img src="tomcat_04.gif" align=center> 이미지 관련 예제 글입니다. 이미지 관련 예제 글입니다. <img src="tomcat_04.gif" align=left> 이미지 관련 예제 글입니다. 이미지 관련 예제 글입니다. <img src="tomcat_04.gif" align=right> 이미지 관련 예제 글입니다. 이미지 관련 예제 글입니다. 이것은 그림옆에 글이 정렬되죠? 훨씬 깔끔하답니다.. <img src="tomcat_04.gif" align=left> 이미지<br>관련 예제 글입니다. 이미지 관련 예제 글입니다. <img src="tomcat_04.gif" align=left> 이미지<br clear=all>관련 예제 글입니다. 이미지 관련 예제 글입니다. 그림에 넣는 텍스트도 줄바꾸기가 가능하답니다..

예를 들어 보니 훨씬 보기 편하실꺼같네요..
그래도 어려우신분들은. 메모장을 열으시구 한번씩 실험해보세요.
그렇다면 쉽게 이해하실수 있을꺼같네요.
이미지로 링크하는 방법은 링크에서 알아봅시다~