이미지를 좌,우, 중앙에 맘대로 배치하려면

이미지를 좌,우, 중앙에 맘대로 배치하려면? 

 (빨간색글자 부분이 소스입니다. "이미지주소"라는 글자를 지우고 
    그 자리에 주소를 넣으세요) 

즉 아래와 같이 =>
<div align="left">
<img src=https://ha927.com.ne.kr/icon/butterfly11.gif > 



(1) 이미지(아이콘)를 왼쪽에 있게하는소스 
  ☞<div align="left"><img src="이미지 주소"></div>
 


(2) 이미지(아이콘)를 오른쪽에 있게하는소스 
   ☞<div align="right"><img src="이미지 주소"></div>
  


(3) 이미지(아이콘)를 중앙에 있게하는소스 
  ☞  
<img src="이미지 주소"></div> 

    


(4) 이미지의 위치를 내 마음대로 조정하려면 아래의 소스에서 숫자만 바꿔주면 됩니다. 
    저 위에 제목옆에 파란 새 한마리 보이죠?
    요 밑에도 새가 있구요.  숫자로 위치를 조절한 것입니다. 

☞ <DIV style="position:absolute; left:450; top:80;">원하는 그림의 주소나 글자</div> 
  





  다음은 위,아래에 있는 새의 소스입니다.

<DIV style="position:absolute; left:550; top:30;">
<img src=https://ha927.com.ne.kr/icon/bird16.gif>
</div>

<DIV style="position:absolute; left:300; top:900;">
<img src=https://ha927.com.ne.kr/icon/bird16.gif>
</div>