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

이미지와 글 이미지 옆에 글 넣는 방법 입니다. -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> 이렇게 한것이죠.

출처 : 이미지 옆에 글 올리는 방법

글쓴이 : 당신의 멋진애인 원글보기

메모 :