테그 배우기
[스크랩] 자주 사용하는 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)