8.플리넷/건강+상식

[스크랩] 이미지 옆에 글올리는 방법

★ 큐-피트 ★ 2009. 12. 28. 07:13


이미지와 글

이미지 옆에 글 넣는 방법 입니다. -align-


게시판의 글을 보던중
이미지 옆에 글 넣는걸 모르시는분이 계신것같아 올립니다
이미지 옆에 글을 넣을때는
align 를 넣어 주시면 됩니다.
<img src='http:///mysesang.com/buty/img/t3.gif' border=1 align=left>
이렇게 하면
여러줄의 글을 넣을수 있습니다
그러다가
이미지에서 글을 빠져 나가게 할려면
<br clear=left>라고 넣으면
이렇게 이미지 밑에 글을 넣을수 있어요.



border는 아래를 설명하기위하여 넣은것 입니다.
그런데
위의 것은 이미지와 글이 너무 붙어 있죠?
글과 이미지 사이를 띄울려면
vspace=띄우고져 하는 수(세로 간격)
hspace=띄우고자하는수(가로 간격)
이렇게 넣으시면 됩니다

위의것은
<img src='http://mysesang.com/buty/img/t3.gif' border=1 align=left vspace=0 hspace=30>
으로 설정한것 입니다
vspace와 hspace의 용도는 수치를 바꾸어 가면서
실험해보세요
어떻게 변하는지 보시면 설명보다 이해가 빨리 될겁니다.
연습 하실때 이미지와 글이 시작하는곳을 눈여겨 보세요


그림의 오른쪽에 글자를 오게 할려면 align=right 로 넣어 주세요.
그러면 이렇게 그림의 오른쪽에 글자가 위치하게 됩니다.
<img src='http:///mysesang.com/buty/img/t3.gif' border=1 align=right>
이렇게 한것이죠.




위로가기 ♠
출처 : 이미지 옆에 글올리는 방법
글쓴이 : 소금공주 원글보기
메모 :

'8.플리넷 > 건강+상식' 카테고리의 다른 글

암의특효 쇠비름  (0) 2010.04.09
[스크랩] ♣액자 만드는 소스 ♣  (0) 2010.01.07
피로푸는 차와 음식  (0) 2009.10.02
건강  (0) 2009.09.14
바퀴벌래 퇴치법  (0) 2009.09.09