테그 배우기

[스크랩] 자주 사용하는 HTML 소스들

고무동 2010. 1. 14. 17:59
(1) 이미지나 글자의 위치를 내 맘대로;
    <DIV style="position:absolute; left:270; top:180;">원하는 그림이나 글자</div>   
   (left:270;  top:180 ☜요 숫자로 위치를 조절함)
(2) 문서에 여백을 주려면.. 글을 쓰기 직전에 
      <p style="margin-left:50px">   을 먼저 쓰고 시작한다. (숫자로 조절함) 
    <ul>을 넣어주기도 함. 
(3) 테이블안에서 이미지 옆에  여백 주기
    이미지 주소에 이어서 
   cellspacing=20   cellpadding=10 를 넣어준다.(숫자로 공간넓이 조절)
(4) 이미지 옆에 공간 없이 글을 쓰려면;    
<img src="그림 주소gif" border=0 hspace="3" vspace="5" align=left >   
(5) 이미지 상단에 텍스트 정렬하기 (테이블 안 그림의 윗쪽에 글씨 또는 아이콘을 넣고싶을 때) 
 <td border=0 valign=top  align=center>
(6) 이미지 하단에 텍스트 정렬하기(테이블 안에 있는 그림의 아랫쪽에 글씨나 아이콘) <td border=0  valign=bottom  align=center>  
(7) 이미지를 좌,우, 중앙에 맘대로 배치하려면 ; 
 이미지(아이콘)를 오른쪽에 ; 
         <div align="right"> 이미지 주소 </div>
     이미지(아이콘)를 중앙에   ; 
         <div align="center"> 이미지 주소 </div>
     이미지(아이콘)를  왼쪽에 ;
         <div align="left"> 이미지 주소 </div)

출처 : 자주 사용하는 HTML 소스들
글쓴이 : 주찬양 원글보기
메모 :