이미지 옆에 글 올리는 방법

<TABLE bgColor=#ffffff border=1 borderColor=#000000 cellPadding=0 cellSpacing=0 width=720><TR><TD align=center><TABLE border=0 cellPadding=0 cellSpacing=30 width=650><tr><td> <fieldset style="padding:8; border-top-width:4; border-right-width:1; border-bottom-width:1; border-left-width:1; border-color:#3366ff; border-style:solid;"> <legend>이미지와 글</legend>이미지 옆에 글 넣는 방법 입니다. -align-</td></tr><tr><td> <img src=http://mysesang.com/buty/img/t3.gif border=1 align=left> 게시판의 글을 보던중 이미지 옆에 글 넣는걸 모르시는분이 계신것같아 올립니다 이미지 옆에 글을 넣을때는 align 를 넣어 주시면 됩니다. <<?>img src='http:///mysesang.com/buty/img/t3.gif' border=1 align=left> 이렇게 하면 여러줄의 글을 넣을수 있습니다 그러다가 이미지에서 글을 빠져 나가게 할려면 <<?>br clear=left>라고 넣으면 이렇게 이미지 밑에 글을 넣을수 있어요. <hr> <img src=http://mysesang.com/buty/img/t3.gif border=1 align=left vspace=0 hspace=30> border는 아래를 설명하기위하여 넣은것 입니다. 그런데 위의 것은 이미지와 글이 너무 붙어 있죠? 글과 이미지 사이를 띄울려면 vspace=띄우고져 하는 수(세로 간격) hspace=띄우고자하는수(가로 간격) 이렇게 넣으시면 됩니다 위의것은 <<?>img src='http://mysesang.com/buty/img/t3.gif' border=1 align=left vspace=0 hspace=30> 으로 설정한것 입니다 vspace와 hspace의 용도는 수치를 바꾸어 가면서 실험해보세요 어떻게 변하는지 보시면 설명보다 이해가 빨리 될겁니다. 연습 하실때 이미지와 글이 시작하는곳을 눈여겨 보세요 <hr> <img src=http://mysesang.com/buty/img/t3.gif border=1 align=right valign=middle> 그림의 오른쪽에 글자를 오게 할려면 align=right 로 넣어 주세요. 그러면 이렇게 그림의 오른쪽에 글자가 위치하게 됩니다. <<?>img src='http:///mysesang.com/buty/img/t3.gif' border=1 align=right> 이렇게 한것이죠. </td></tr></table> <A HREF="#top">위로가기 ♠</a> </div>